js之form表单的获取

　　js中获取form的方法：

1. 利用表单在文档中的索引或表单的name属性来引用表单

 document.forms[i]  //得到页面中的第i个表单

 document.forms[formName] //得到页面中相应name的表单

2. 利用表单的id属性

 document.getElementById(formId);

3.document.表单name 的方式

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

项目中用的 aform.AAC002.value 实际*问的是因为aform在页面中唯一，经自己测试，一个form表单，只要它的name属性或者id属性唯一，那么获取这个表单就可以直接使用name或者id访问。

如下端代码：

 <form name="cxtjForm" action="tosubmit" method="post" class="yongle" id="aform">

         账号：<input type="text" name="mingzi" field="f1" value='10138wyl'/><br>

         密码：<input type="password" name="mima" /><br>

         <input type="submit" value="登陆" />

         <div style="margin: 10px auto; text-align: center;">

             <input type="button" class="btn" id="lewBtnSearch" value="查询" />

             <input type="button" class="btn" id="lewBtnClear" value="重置" />

             <input type="button" class="btn2" id="id_testNavi" value="test_navigator" />

         </div>

     </form>

那么在js中，

//var form1 = aform;//相当于一个对象， document.getElementById("aform");

    // var input1 = aform.mingzi;

    // var input1_ = aform.getElementByTagName('input')[0];

    var form1 = aform;

    var formm = cxtjForm;

    var form2 = document.cxtjForm;// 方法1： document.formName;//最为常用的一种方式

    var f = (aform===form2);

    alert('f:'+f);//true

    var _form = document.getElementById("aform");

    var flag = (form1===_form);//true

    var inp1 = aform.mingzi;

    var inp1_ = document.getElementsByName("mingzi");

    var flag2 = (inp1===inp1_);

    // var val = input1.value;

    // alert('form1:'+form1);

秒客网

js之form表单的获取

相关文章