js获取form01

最新推荐文章于 2020-08-13 11:18:48 发布

kinmin2012

最新推荐文章于 2020-08-13 11:18:48 发布

阅读量374

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/kinmin2012/article/details/8286772

版权

javascript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<html>
<head>

     <scirpy>

              window.οnlοad=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>

 

2操作表单

<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="" οnsubmit="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);

3document.formName;//最为常用的一种方式