我們在瀏覽網頁時,會不時遇到填寫表單的情況,如登錄、注冊等。如果其中一項未填,往往會出現(xiàn)提示。那么 JavaScript 如何實現(xiàn)表單驗證之必填功能呢?這篇文章告訴你。
如果我們在文本框中未輸入文字信息就點擊提交按鈕的話,就會出現(xiàn)“請?zhí)顚懶畔ⅰ钡奶崾尽O聢D為實現(xiàn)效果:
具體代碼如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JavaScript表單驗證之必選- 編程獅(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 如何實現(xiàn)表單驗證之必填功能?附源碼!”的全部內容。更多 JavaScript 學習請關注 w3cschool 官網。