摘要：這樣我們就有機(jī)會驗(yàn)證表單數(shù)據(jù)，并據(jù)以決定是否允許表單提交。下面代碼會阻止表單提交取得時間對象阻止默認(rèn)事件注意以這種方式提交表單，不會觸發(fā)事件。

這里是表單驗(yàn)證的第一課：主要講授有關(guān)表單的基礎(chǔ)知識。
關(guān)于表單驗(yàn)證的更多知識可以參考《javascript高級程序設(shè)計》之第14章：表單腳本

1.表單事件

submit():提交表單
reset():將所有表單域重置為默認(rèn)值

（1）.取得form元素的引用

   （1）var form=document.getElementById("form1");
    (2)var form=document.getElementByTagName("form1");
    (3)var forms=document.forms//取得頁面中所有表單
    var form=document.forms[0]//取得頁面中第一個表單
    var form=document.forms["form2"http://取得頁面中name="form2"的表單

（2）.提交表單

(1)
 
(2)提交

(3)

以上方式提交表單時，瀏覽器會在將請求發(fā)送給服務(wù)器之前會觸發(fā)submit事件。這樣我們就有機(jī)會驗(yàn)證表單數(shù)據(jù)，并據(jù)以決定是否允許表單提交。
在編寫表單提交代碼之前，我們需要先了解一下瀏覽器兼容代碼，代碼文件EventUtil.js內(nèi)容就發(fā)布在我的文章里，有興趣的可以拿來好好讀一讀，這里不再闡述，直接使用。
下面代碼會阻止表單提交：

var form=document.getElementById("myForm);
EventUtil.addHandler(form,"submit",function(event){
    //取得時間對象
    var event=EventUtil.getEvent(event);
    //阻止默認(rèn)事件
    EventUtil.preventDefault();  
})

注意：

   var form=document.getElementById("myForm);
    form.submit();

以這種方式提交表單，不會觸發(fā)submit事件。

(3)重置表單

(1)
 
(2)提交

下面代碼會阻止表單重置：

var form=document.getElementById("myForm);
EventUtil.addHandler(form,"reset",function(event){
    //取得時間對象
    var event=EventUtil.getEvent(event);
    //阻止默認(rèn)事件
    EventUtil.preventDefault();  
})

注意：

   var form=document.getElementById("myForm);
    form.reset();

與submit事件不同，以這種方式提交表單，將會觸發(fā)reset事件。

2.表單字段
可以像訪問頁面中其他元素一樣，使用原生DOM方法訪問表單元素。此外，每個表單都有Elements屬性，該屬性是表單中所有表單元素（字段）的集合。這個elements是有序表，其中包含著表單中的所有字段，例如: