Javascript復選框表單驗證

Question

我正在嘗試使用此鏈接作為我的資源： http ： //www.w3schools.com/js/js_form_validation.asp

我理解它如何適用於文本框，但是如何讓它檢測復選框的表單驗證？ 例如，如果我有一個帶有復選框的頁面（都具有相同的“名稱”值），我想確保至少有一個框被選中...我該怎么做？ 如果未選中復選框，我對發送郵件請求有點困惑，以及javascript應如何捕獲它。 謝謝。

編輯 - -

得到它的工作，這里是未來人的一些代碼：

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function Validate(){
   if(!validateForm()){
       alert("Something happened");
       return false;
   }
return true
}
function validateForm()
{
    var c=document.getElementsByTagName('input');
    for (var i = 0; i<c.length; i++){
        if (c[i].type=='checkbox')
        {
            if (c[i].checked){return true}
        }
    }
    return false;
}
</script>
</head>
<body>
<form name="myForm" action="demo_form.asp" onsubmit="return Validate()" method="post">
Value: <input type="checkbox" name="fname" value="value">
Value2: <input type="checkbox" name="fname" value="value2">
...<more boxes here>
<input type="submit" value="Submit">
</form>
</body>
</html>

Answer 1

這是一個例子，可以滿足您的需求，並且可以在此頁面中進行測試：

 function Validate(){ if(!validateForm()){ alert("You must check atleast one of the checkboxes"); return false; } return true } function validateForm() { var c=document.getElementsByTagName('input'); for (var i = 0; i<c.length; i++){ if (c[i].type=='checkbox') { if (c[i].checked){return true} } } return false; }

 <form name="myForm" action="demo_form.asp" onsubmit="return Validate()" method="post"> Option 1: <input type="checkbox" name="option1" value="1"><br /> Option 2: <input type="checkbox" name="option2" value="2"><br /> <input type="submit" value="Submit Form"> </form>

Answer 2

 function ValidateForm(form){ ErrorText= ""; if ( ( form.gender[0].checked == false ) && ( form.gender[1].checked == false ) ) { alert ( "Please choose your Gender: Male or Female" ); return false; } if (ErrorText= "") { form.submit() } }

 <form name="feedback" action="#" method=post> Your Gender: <input type="checkbox" name="gender" value="Male"> Male <input type="checkbox" name="gender" value="Female"> Female <input type="reset" value="Reset"> <input type="button" name="SubmitButton" value="Submit" onClick="ValidateForm(this.form)"> </form>

Javascript復選框表單驗證

問題描述

2 個解決方案

解決方案1
1 2016-03-23 19:56:46

解決方案2
0 2016-09-22 04:55:19

Javascript復選框表單驗證

問題描述

2 個解決方案

解決方案1 1 2016-03-23 19:56:46

解決方案2 0 2016-09-22 04:55:19

解決方案1
1 2016-03-23 19:56:46

解決方案2
0 2016-09-22 04:55:19