檢驗(yàn)表單有效性

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

 
姓名：  
電子郵箱：  
 

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

　　下面我們來好好研究一下在Javascript中是如何進(jìn)行表單的有效性檢驗(yàn)的。其中在表單有效性檢驗(yàn)中最重要的代碼是在表單標(biāo)簽處的一個(gè)時(shí)間處理器，這個(gè)時(shí)間處理器（onSubmit）必須返回真值的時(shí)候才提交表單。以下是詳細(xì)的表單代碼：

<FORM

NAME = "theform"

ACTION = "mailto:"

METHOD = "POST"

ENCTYPE = "multipart/form-data"

onSubmit="return formCheck()">

當(dāng)Submit（提交）按鈕被按下的時(shí)候，這個(gè)時(shí)間處理器就被觸發(fā)，它接著執(zhí)行函數(shù)formCheck()，這個(gè)函數(shù)是用于檢查表單中是否沒有錯(cuò)誤了。
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ù)判斷是否用戶名字輸入為空。如果為空，它也會(huì)警告用戶并返回false值，這個(gè)表單也不會(huì)發(fā)送給服務(wù)器。接著formCheck()函數(shù)是判斷是否Email地址輸入包含一個(gè)@符號或者是空的。如果沒有包含@符號或者是空的的任何一種情況，它就會(huì)警告用戶并返回false值，這樣這個(gè)表單就不會(huì)發(fā)送給服務(wù)器了。以上的任何一種錯(cuò)誤都不會(huì)將表單發(fā)送給服務(wù)器的，直到正確填寫完整個(gè)表單之后才將表單發(fā)送給服務(wù)器。

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