Html5需要验证复选框

时间:2014-01-23 19:14:54

标签: javascript php html html5 required

我创建了一个包含数组值的输入复选框。所以它在表格中产生了大量的行。 但我需要检查一下才能提交。 它不允许我只检查几个而不是全部。

<form>
<table>

<td>
<input required="required" type="checkbox" name="id[]" id="id" value="<?php  echo $result2["id"]; ?>"/>
</td>

<input type="submit" name="submit" value="submit"/>

</table>
</form>

我如何使必填字段能够检查至少一个并且即使不是全部都可以提交也能提交?

1 个答案:

答案 0 :(得分:0)

我不知道我是否理解你,
但也许你需要这样的东西:
Online demo

带注释的主要部分:

$('#frm').bind('submit', function(e) { // set this function for submit for your formular
    validForm = true; // default value is that form is correct, you can chcange it as you wish
    var n = $( "input:checked" ).length; // count of checked inputs detected by jQuery
    if (n != 1) { validForm=false; } // only if you checked 1 checkbox, form is evaluated as valid
    if (!validForm) { // if result of validation is: invalid
        e.preventDefault(); // stop processing form and disable submitting
    }
    else {
        $('#echo').html("OK, submited"); // ok, submit form
    }
});

您可以在任何标记下使用任意数量的组合框并获取jQuery选择的计数,然后使用任何规则进行验证表单。