當前位置:軟件學堂 > 資訊首頁 > 網(wǎng)絡編程 > 編程其他 > 驗證表單項必須填寫的JS怎么寫

驗證表單項必須填寫的JS怎么寫

2012/11/8 21:05:14作者:佚名來源:網(wǎng)絡

移動端

【實例名稱】

驗證表單項必須填寫的JS腳本

【實例描述】

在注冊用戶的時候,用戶名和密碼必須填寫。本例學習如何實現(xiàn)對必填項的判斷。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>標題頁-學無憂(www.yzddtk.cn)</title> <script LANGUAGE="JavaScript"> function CheckForm() { //判斷輸入框內容的長度 if ( document.getElementById("txtname").value.length == 0) {       alert("姓名必須輸入!");     //提示用戶       document.getElementById("txtname").focus(); //文本框獲取焦點       return false;    }    return true; } </script> </head> <body> 請輸入姓名:<input type=text name="txtname" value="" onblur="CheckForm()"> </body> </html>

【運行效果】

 驗證表單項必須填寫運行效果

【難點剖析】

本例的難點在于如何判斷用戶未填寫任何內容。代碼中使用“l(fā)ength”來判斷輸入框內容的長度,如果長度為“0”則表示未填寫內容。

【源碼下載】

為了JS代碼的準確性,請點擊:驗證表單項必須填寫JS腳本 進行本實例源碼下載