zoukankan      html  css  js  c++  java
  • js获取form的方法

    先来看下面代码:

    <html>
    <head>
    <scirpy>
    window.onload=function(){
       var f1=document.f1;
       var f2=document.forms[1];
     alert(f2.id);
      var f3=document.forms['f1'];
    }
    </script>
    </head>
    <body>
    <form id="f1" value="f1"></from>
    <from id="f2" value="f2"></form>
    </body>
    </html>

    操作表单:

    <html>
     <head>
     <script>
      function checkform(f){
      var uname=f.username;
      var pwd=f.password;
      if(uname.value.length<4){
      alert('用户长度必须大于4');
      return false;
      }
      if(pwd.value.length!=6){
      alert('用户密码必须大于 6位');
      return false;
      }
      return true;
      }
     </script>
     </head>
     <body>
     <form id="f1" name="f1" method="post" action=""
     onsubmit="return checkform(this)">
       <input name="username" value="" /></br>
      <input name="password" value="" /></br>
      <input type="button" value="提交" /> 
     </form>
     </body>
    </html>
    js操作form的三种方式:
    1. 利用表单在文档中的索引或表单的name属性来引用表单
    代码如下:
    document.forms[i]  //得到页面中的第i个表单
    document.forms[fromName] //得到页面中相应name的表单

    2. 利用表单的id属性

    复制代码代码如下:
    document.getElementById(formId);

    3.

    复制代码代码如下:
    document.formName;//最为常用的一种方式
  • 相关阅读:
    ARC071F Infinite Sequence
    AGC043C Giant Graph
    ARC006E Addition and Subtraction Hard
    Codechef BALNET Balancing Network Revisited
    Gym102055H Game on the Tree
    Luogu P5320 [BJOI2019]勘破神机
    cookie和session
    jsp介绍
    request请求转换成对象。
    域对象 request
  • 原文地址:https://www.cnblogs.com/lvlina/p/5060269.html
Copyright © 2011-2022 走看看