MVC 表单数据验证和 jquery 验证

Question

我正在为 TextBoxFor 和 DropDownListFor 使用 MVC 数据验证，它运行良好。但我也想为复选框列表添加 jquery 验证，有没有办法添加它？在我的 document.ready 我调用的函数 ready validate();添加 validator.addMethod 但它没有触发。

 <button type="submit" class="btn btn-primary px-4 float-right">Save</button>


 $(document).ready(function () {
validate();
}

var validate = function () {
            $.validator.addMethod("sources", function (value, elem, param) {
                if ($("[name='chkProduct']:checkbox:checked").length > 0) {
                    return true;
                } else {
                    return false;
                }
            }, "You must select at least one!");

Answer 1

尝试使用您的复选框，如下所示：

<fieldset id="checkArray">
<input type="checkbox" name="chk[]" value="Apples" />

<input type="checkbox" name="chk[]" value="Bananas" />
</fieldset>

然后像这样通过 Jquery 验证：

var atLeastOneIsChecked = $('#checkArray:checkbox:checked').length > 0;
//there should be no space between identifier and selector

// or, without the container:

var atLeastOneIsChecked = $('input[name="chk[]"]:checked').length > 0;

然后你可以使用 atLeastOneIsChecked 来验证是否有任何复选框（true 或 false），然后做任何你想做的事。

MVC 表单数据验证和 jquery 验证

MVC Form Data Validation and jquery validation

asp.net-mvc

jquery-validate

unobtrusive-validation