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);