JQuery validation: custom rule not invoked

Question

Here is my simple verification 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 oneTypeChecked method is never called when I submit the 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>

Many thanks!

Answer 1

the validation module works according to the name attribute , not id. try changing the name attribute on your input.

Answer 2

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

here WORKING DEMO

Answer 3

, , , .

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