我們在瀏覽網(wǎng)頁時(shí)，會(huì)不時(shí)遇到填寫表單的情況，如登錄、注冊等。如果其中一項(xiàng)未填，往往會(huì)出現(xiàn)提示。那么 JavaScript 如何實(shí)現(xiàn)表單驗(yàn)證之必填功能呢？這篇文章告訴你。
如果我們在文本框中未輸入文字信息就點(diǎn)擊提交按鈕的話，就會(huì)出現(xiàn)“請?zhí)顚懶畔ⅰ钡奶崾尽Ｏ聢D為實(shí)現(xiàn)效果：
具體代碼如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JavaScript表單驗(yàn)證之必選- 編程獅(w3cschool.cn)</title>
</head>
<script>
function validateForm(){
var x=document.forms["myForm"]["name"].value;
if (x==null||x==""){
alert("請?zhí)顚懶畔?);
return false;
}
}
</script>
<body>
<form name="myForm" action="" onsubmit="return validateForm()" method="post">
<input type="text" name="name" placeholder="請?zhí)顚懶畔?><br>
<input type="submit" value="提交">
</form>
</body>
</html>以上就是文章“JavaScript 如何實(shí)現(xiàn)表單驗(yàn)證之必填功能？附源碼！”的全部內(nèi)容。更多 JavaScript 學(xué)習(xí)請關(guān)注 w3cschool 官網(wǎng)。
