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

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

1.表單事件

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

（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事件。這樣我們就有機會驗證表單數(shù)據(jù)，并據(jù)以決定是否允許表單提交。
在編寫表單提交代碼之前，我們需要先了解一下瀏覽器兼容代碼，代碼文件EventUtil.js內(nèi)容就發(fā)布在我的文章里，有興趣的可以拿來好好讀一讀，這里不再闡述，直接使用。
下面代碼會阻止表單提交：

var form=document.getElementById("myForm);
EventUtil.addHandler(form,"submit",function(event){
    //取得時間對象
    var event=EventUtil.getEvent(event);
    //阻止默認事件
    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);
    //阻止默認事件
    EventUtil.preventDefault();  
})

注意：

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

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

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