HTML5必填驗證復選框

Question

我做了一個包含數組值的輸入復選框。 因此它會在表中生成大量行。 但是我需要檢查所有內容以提交。 它不允許我僅檢查一些而不是全部。

<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>

我如何才能使必填字段能夠至少檢查一個並提交，即使沒有全部選中呢？

Answer 1

我不知道我是否了解你，
但是也許您需要這樣的東西：
在線演示

帶有注釋的主要部分：

$('#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選擇的計數，然后使用任何規則來驗證表單。