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

創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供廈門網(wǎng)站建設(shè)、廈門做網(wǎng)站、廈門網(wǎng)站設(shè)計、廈門網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、廈門企業(yè)網(wǎng)站模板建站服務(wù)，十載廈門做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。

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

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

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

驗證輸入是否是一個正確的email地址？

驗證日期是否輸入正確？

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

必填（或必選）項目

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

function validateForm()

{

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

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

{

alert("姓必須填寫");

return false;

}

}

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

實例

<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表單驗證實例分析”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對“JavaScript表單驗證實例分析”知識都有一定的了解，大家如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)站欄目：JavaScript表單驗證實例分析
網(wǎng)站路徑：http://chinadenli.net/article12/jiiodc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、域名注冊、品牌網(wǎng)站制作、定制開發(fā)、云服務(wù)器、用戶體驗

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)