开发者

jQuery validation: Custom rule not called

开发者 https://www.devze.com 2023-03-06 12:19 出处:网络
Here is my simple validation code for testing: jQuery.validator.addMethod(\"oneTypeChecked\", function (value, element) {

Here is my simple validation code for testing:

    jQuery.validator.addMethod("oneTypeChecked", function (value, element) {
        return false; //$(':checkbox:checked') > 0
    }, "Check one or more type");

    $("#RequestCreateForm").validate({
        rules:开发者_开发知识库 {
            ChkBoxType1: { oneTypeChecked: true }
        }
    });

But my method oneTypeChecked is never called when I submit form. Why?

Here is my HTML code:

<div class="editor-field">
    <input type="checkbox" id="ChkBoxType2" name="requestTypeIds2" value="2">Type 2     
    <input type="checkbox" id="ChkBoxType1" name="requestTypeIds1" value="1">Type 1        
    <input type="checkbox" id="ChkBoxType3" name="requestTypeIds3" value="3">Type 3
</div>

Thank you very much!


validation plugin works according to the name attribute and not id. try changing the name attribute on your input.


with this html

<form id="RequestCreateForm" action="" method="post">
    <div class="editor-field">
        <input type="checkbox" class="oneTypeChecked" name="requestTypeIds2" value="2">Type 2     
        <input type="checkbox" class="oneTypeChecked" name="requestTypeIds1" value="1">Type 1       
        <input type="checkbox" class="oneTypeChecked" name="requestTypeIds3" value="3">Type 3
    </div>
    <input type="submit" value="submit" />
</form>

and this jquery

jQuery.validator.addMethod("oneTypeChecked", function(value, element) {
    return $('.oneTypeChecked:checked') > 0
}, "Check one or more type");

$("#RequestCreateForm").validate({
    rules: {
        ChkBoxType1: {
            oneTypeChecked: true
        }
    }
});

you will get the result you want

here is a WORKING DEMO


As I understand it, if you don't add in the required it will be valid because it is not checked.

    rules: {   
        ChkBoxType1: { required : true, oneTypeChecked: true }
    }
0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号