Javascript 如何正确验证复选框值

Javascript 如何正确验证复选框值,javascript,php,html,Javascript,Php,Html,我正在尝试将一个复选框值上载到我的数据库,它正在正确上载,但未得到验证。如果我没有选中任何内容,它仍然会在其他字段上发布剩余的值,而不是提醒我从复选框中进行选择。我有所有的设置只是工作不正常。我是否正确验证复选框值 以下是我的HTML代码: <table width="200"> <tr> <td> <label> <input type="checkbox" n

我正在尝试将一个
复选框
值上载到我的
数据库
,它正在正确上载,但未得到验证。如果我没有选中任何内容,它仍然会在其他字段上发布剩余的值,而不是提醒我从复选框中进行选择。我有所有的设置只是工作不正常。我是否正确验证
复选框

以下是我的HTML代码:

<table width="200">
    <tr>
        <td>
            <label>
                <input type="checkbox" name="Verification[]" value="Test1" id="Verification_0" />
                BuildServerPath</label>
        </td>
    </tr>
    <tr>
        <td>
            <label>
                <input type="checkbox" name="Verification[]" value="Test2" id="Verification_1" />
                File Exist</label>
        </td>
    </tr>
    <tr>
        <td>
            <label>
                <input type="checkbox" name="Verification[]" value="Test3" id="Verification_2" />
                WBS Code</label>
        </td>
    </tr>
    <tr>
        <td>
            <label>
                <input type="checkbox" name="Verification[]" value="Test4" id="Verification_3" />
                UAT Contact</label>
        </td>
    </tr>
</table>

现在,我试着验证它。这种类型的验证适用于我的
单选按钮
文本字段
document.form1.verify.value==“”
变为
verify
verify
,具体取决于我使用的post方法

function validateDBLoad()
{
    if ((document.form1.verify.value == "")
    {
        alert('Please fill up all the fields..');
        return false;
    }
    else
    {
        alert('Ticket upload Successful.');
        return true;
    }
} 
我也尝试了以下步骤:但似乎无法使用我已经设置的验证代码,它会提醒我“请选择一个复选框!”但同时上载我的其他值

这是我试过的
js

var inputs = document.getElementById('my-form').getElementsByTagName('input');
var checked = 0;
for (var i = 0, length = inputs.length; i < length; i++) {
    if (inputs[i].getAttribute('type') !== 'checkbox') {
       continue;
    }

    if (inputs[i].checked) {
        checked++;
    }
}

if (checked === 0) {
   alert('Select a checkbox, please!');
}
var inputs=document.getElementById('my-form').getElementsByTagName('input');
var=0;
对于(变量i=0,长度=inputs.length;i
只要你能做到这一点

if(document.querySelectorAll('#my-form input[type=checkbox]:checked').length===0){
   alert("Please select atleast one checkbox");
   return false;
}
if(validationForYourOtherFieldsIsNotFine){
   alert("Other validations will happen here");
   return false;

}

你的代码很好,但不专业。看见我建议您先学习jquery,然后将类用于复选框,然后用一个代码一次性验证所有复选框。☻您的id在哪里?我的表格。@Kermani您是对的,我在这方面还不是专业人士,我的表格还包含其他字段,如
文本字段
单选按钮
,以及一个组合框,它们都使用我的现有代码正确验证,但是,你能解释一下我如何使用你建议的方法来验证我的复选框和其他字段吗?这很好,但我还有其他字段要验证,不仅仅是复选框,它将与我的复选框一起工作,但不能将其合并到我现有的验证代码中。对于其他字段,如果条件简单,可以使用不同的验证代码。
var inputs = document.getElementById('my-form').getElementsByTagName('input');
var checked = 0;
for (var i = 0, length = inputs.length; i < length; i++) {
    if (inputs[i].getAttribute('type') !== 'checkbox') {
       continue;
    }

    if (inputs[i].checked) {
        checked++;
    }
}

if (checked === 0) {
   alert('Select a checkbox, please!');
}
if(document.querySelectorAll('#my-form input[type=checkbox]:checked').length===0){
   alert("Please select atleast one checkbox");
   return false;
}
if(validationForYourOtherFieldsIsNotFine){
   alert("Other validations will happen here");
   return false;

}