Javascript實例教程(9) 檢驗表單有效性

下一頁 1 2 

　　 利用Javascript表單的有效性檢驗

　　表單的有效性檢驗是JavaScript一個很有用的方面。它可以用于檢查一個給定的表單以及發現表單中的任何問題，比如一個空白的輸入框或者一個無效的E-mail（電子郵件）地址，然后它可以通知用戶并且就不會將這些錯誤的表單傳給服務器以節省時間。

另外，除此以外，對表單標簽的一些修改跟其它類型的腳本是類似的。以下的例子是一個簡單的表單，如下面表單所示。你可以讓名字的方框留空白或者輸入一個電子郵件地址而沒有@符號，即是輸入錯誤的內容，看看JavaScript是進行表單的有效性檢驗的。

姓名：
電子郵箱：

　　結果你可以發現如果你忘記輸入某一特定類型的數據到表單中去，它就會警告你并且取消提交給服務器。直到你鍵入了正確的信息，它才將表單發送給服務器。

　　下面我們來好好研究一下在Javascript中是如何進行表單的有效性檢驗的。其中在表單有效性檢驗中最重要的代碼是在表單標簽處的一個時間處理器，這個時間處理器（onSubmit）必須返回真值的時候才提交表單。以下是詳細的表單代碼：

<FORM

NAME = "theform"

ACTION = "mailto:"

METHOD = "POST"

ENCTYPE = "multipart/form-data"

onSubmit="return formCheck()">

當Submit（提交）按鈕被按下的時候，這個時間處理器就被觸發，它接著執行函數formCheck()，這個函數是用于檢查表單中是否沒有錯誤了。

原文轉自：http://www.kjueaiud.com