檢驗表單有效性

表單的有效性檢驗是javaScript一個很有用的方面。它可以用于檢查一個給定的表單以及發(fā)現(xiàn)表單中的任何問題，比如一個空白的輸入框或者一個無效的E-mail（電子郵件）地址，然后它可以通知用戶并且就不會將這些錯誤的表單傳給服務(wù)器以節(jié)省時間。另外，除此以外，對表單標簽的一些修改跟其它類型的腳本是類似的。以下的例子是一個簡單的表單，如下面表單所示。你可以讓名字的方框留空白或者輸入一個電子郵件地址而沒有@符號，即是輸入錯誤的內(nèi)容，看看Javascript是進行表單的有效性檢驗的。

 
姓名：  
電子郵箱：  
 

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

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

<FORM

NAME = "theform"

ACTION = "mailto:"

METHOD = "POST"

ENCTYPE = "multipart/form-data"

onSubmit="return formCheck()">

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

function formCheck()

{

if (document.theform.user_name.value == "")

{

alert("Please put in a name.");

return false;

}

if (document.theform.email.value.indexOf("@") == -1 ||

document.theform.email.value == "")

{

alert("Please include a proper email address.");

return false;

}

}

　　首先，formCheck()函數(shù)判斷是否用戶名字輸入為空。如果為空，它也會警告用戶并返回false值，這個表單也不會發(fā)送給服務(wù)器。接著formCheck()函數(shù)是判斷是否Email地址輸入包含一個@符號或者是空的。如果沒有包含@符號或者是空的的任何一種情況，它就會警告用戶并返回false值，這樣這個表單就不會發(fā)送給服務(wù)器了。以上的任何一種錯誤都不會將表單發(fā)送給服務(wù)器的，直到正確填寫完整個表單之后才將表單發(fā)送給服務(wù)器。

　　以上程序的原理實質(zhì)是獲得表單中各元素的值“value”，然后加上是否等于“＝＝”某些設(shè)定的內(nèi)容，或者說本身固有的內(nèi)容（比如EMAIL的＠）。