文件大小:
軟件介紹
表單的有效性檢驗是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的@)。
版權(quán)聲明:
1 本站所有資源(含游戲)均是軟件作者、開發(fā)商投稿,任何涉及商業(yè)盈利目的均不得使用,否則產(chǎn)生的一切后果將由您自己承擔(dān)!
2 本站將不對任何資源負法律責(zé)任,所有資源請在下載后24小時內(nèi)刪除。
3 若有關(guān)在線投稿、無法下載等問題,請與本站客服人員聯(lián)系。
4 如侵犯了您的版權(quán)、商標等,請立刻聯(lián)系我們并具體說明情況后,本站將盡快處理刪除,聯(lián)系QQ:2499894784
- 千億體育手機版本v2.0.1 安卓版
- tplink物聯(lián)電腦版(原tplink安防) v2.12.17.
- Sandboxie Plus v1.9.8 / v5.64.8 開源電腦
- 字魂100號方方先鋒體字體包免費版
- 奧維互動地圖奧維地圖PC破解版VIP V9.0.6
- 蘭博對戰(zhàn)平臺 V1.38.6 官方最新版 / 蘭博玩
- reWASD(Xbox One手柄映射工具) V6.0.1.5190
- mtool修改器 V2023.11 官方最新版 / mtool
- 115轉(zhuǎn)存助手ui優(yōu)化版腳本 V3.9.1 綠色免費
- iSecure Center電腦客戶端 V1.5.0 官方版
點擊加載更多評論>>