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