js之form表单的获取

  js中获取form的方法:

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

1 document.forms[i]  //得到页面中的第i个表单
2 document.forms[formName] //得到页面中相应name的表单

2. 利用表单的id属性

1 document.getElementById(formId);

3.document.表单name 的方式 

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

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

如下端代码:

 1 <form name="cxtjForm" action="tosubmit" method="post" class="yongle" id="aform">
 2         账号:<input type="text" name="mingzi" field="f1" value='10138wyl'/><br>
 3         密码:<input type="password" name="mima" /><br> 
 4         <input type="submit" value="登陆" />
 5         <div style="margin: 10px auto; text-align: center;">
 6             <input type="button" class="btn" id="lewBtnSearch" value="查询" />
 7             <input type="button" class="btn" id="lewBtnClear" value="重置" />
 8             <input type="button" class="btn2" id="id_testNavi" value="test_navigator" />
 9         </div>
10     </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);    
原文地址:https://www.cnblogs.com/Sunnor/p/5293042.html