jQuery validation: Custom rule not called

Question

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!

can you also post your html markup? is it possible that there isn't an element called 'ChkBoxType' in your markup? — J. Ed
– J. Ed, Commented May 16, 2011 at 16:04
Validation is not standard out of the box -- which plugin are you using. — Hogan
– Hogan, Commented May 16, 2011 at 16:15

J. Ed · Accepted Answer · 2011-05-16 17:49:15Z

8

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

answered May 16, 2011 at 17:49

J. Ed

6,7625 gold badges41 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

mcgrailm · Accepted Answer · 2011-05-16 18:07:53Z

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 result you want

here is a WORKING DEMO

answered May 16, 2011 at 18:07

mcgrailm

17.7k22 gold badges85 silver badges131 bronze badges

4 Comments

BMills Over a year ago

after hours of seraching why my custom validation doesn't work, your solution finally showed me, I hadn't added the method name to the class of the input. thanks! None of the other examples show this crucial step

mcgrailm Over a year ago

I'm happy this helped you, have a great day

Nirman Over a year ago

Thanks.. spent more than 4 hours on this issue, and finally it came down to this! Thanks Man.. this is absolute brilliant

mcgrailm Over a year ago

glad i could help

Hogan · Accepted Answer · 2011-05-16 16:28:53Z

0

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

answered May 16, 2011 at 16:28

Hogan

70.7k10 gold badges83 silver badges119 bronze badges

1 Comment

Tuizi Over a year ago

No, what is required is that at least one checkbox must be required, not only the 'ChkBoxType1'

Collectives™ on Stack Overflow

jQuery validation: Custom rule not called

3 Answers 3

Comments

4 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related