溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天就跟大家聊聊有關如何在JavaScript中實現表單的復選框驗證，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。
js實現表單的復選框驗證
在網站，當我們進行一些表單提交，如注冊等，底部都會有要求人們“接受條款和條件”或類似的內容。基本上是如果不同意（不選擇），就無法提交表單。
那么如何實現這樣的功能？
其實很簡單，使用JavaScript 的vanilla，我們就可以阻止表單提交，如下所示：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>js實現表單的復選框驗證</title>
<script type="text/javascript">
function checkForm(form) {
if(!form.terms.checked) {
alert("請注明接受條款和條件。");
form.terms.focus();
return false;
}
return true;
}
</script>
</head>
<body>
<form id="example1" method="POST" action="" onsubmit="return checkForm(this) && alert('成功!');">
<p><input id="field_terms" type="checkbox" name="terms">
<label for="field_terms">我接受 <u>條款和條件</u></label></p>
<span><input type="submit"></span>
</form>
</body>
</html>效果圖：
大功告成，大家可以自己動手試試！
看完上述內容，你們對如何在JavaScript中實現表單的復選框驗證有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注億速云行業資訊頻道，感謝大家的支持。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
