JavaScript表單驗(yàn)證實(shí)例分析

這篇文章主要介紹了JavaScript表單驗(yàn)證實(shí)例分析的相關(guān)知識(shí)，內(nèi)容詳細(xì)易懂，操作簡(jiǎn)單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇JavaScript表單驗(yàn)證實(shí)例分析文章都會(huì)有所收獲，下面我們一起來(lái)看看吧。

　　JavaScript 可用來(lái)在數(shù)據(jù)被送往服務(wù)器前對(duì) HTML 表單中的這些輸入數(shù)據(jù)進(jìn)行驗(yàn)證。

　　表單數(shù)據(jù)經(jīng)常需要使用 JavaScript 來(lái)驗(yàn)證其正確性：

　　驗(yàn)證表單數(shù)據(jù)是否為空？

　　驗(yàn)證輸入是否是一個(gè)正確的email地址？

　　驗(yàn)證日期是否輸入正確？

　　驗(yàn)證表單輸入內(nèi)容是否為數(shù)字型？

　　必填（或必選）項(xiàng)目

　　下面的函數(shù)用來(lái)檢查用戶是否已填寫(xiě)表單中的必填（或必選）項(xiàng)目。假如必填或必選項(xiàng)為空，那么警告框會(huì)彈出，并且函數(shù)的返回值為 false，否則函數(shù)的返回值則為 true（意味著數(shù)據(jù)沒(méi)有問(wèn)題）：

　　function validateForm()

　　{

　　var x=document.forms["myForm"]["fname"].value;

　　if (x==null || x=="")

　　{

　　alert("姓必須填寫(xiě)");

　　return false;

　　}

　　}

　　以上函數(shù)在 form 表單提交時(shí)被調(diào)用:

　　實(shí)例

　　<form name="myForm" action="demo-form.php" onsubmit="return validateForm()" method="post">

　　姓: <input type="text" name="fname">

　　<input type="submit" value="提交">

　　</form>

關(guān)于“JavaScript表單驗(yàn)證實(shí)例分析”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對(duì)“JavaScript表單驗(yàn)證實(shí)例分析”知識(shí)都有一定的了解，大家如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道。