why custom validator method not firing?

Question

I have created a custom validation, which I want to use to compare 2 select boxes, but the additonal method is not firing not sure how to fix it? here is the jsfiddle: http://jsfiddle.net/ughCm/97/ On change of select value it is not firing the 'comaremodelyear' method, even not on .valid().

here is the code

$.validator.addMethod("comparemodalyear", function(value, element, param) {
    alert('h');
    return true;    
}, "From year must be greater!");

$(document).ready(function() {
    $('#savebtn').click(function() {
        var test = $("#experiment").valid();
    });

});

html code:

<form id="experiment" action="/" method="post">
    <input type="text" required name="fine" />
<select comparemodalyear name="testingA">
    <option value="1">Val1</option>
    <option value="2">Val2</option>
</select>
    <button id="savebtn" type="button">Save</button>
</form>

Use this in class like <select class="comparemodalyear" name="testingA"> — Harpartap Singh Permar
– Harpartap Singh Permar, Commented Mar 17, 2015 at 6:15

Arun P Johny · Accepted Answer · 2015-03-17 06:41:58Z

1

You need to add it as a class not as an attribute

<select class="comparemodalyear" name="testingA">
    <option value="1">Val1</option>
    <option value="2">Val2</option>
</select>

then

$.validator.addClassRules('comparemodalyear', {
    comparemodalyear: true
});

Demo: Fiddle

If you don't want to pass a custom value to the rule, then there is no need for addClassRules() because the addMethod() makes an internal call to addClassRules() based on method.length < 3 condition, where method.length is the count of arguments to the validate method

$.validator.addMethod("comparemodalyear", function (value, element) {
    alert('h');
    return true;
}, "From year must be greater!");

Demo: Fiddle

edited Mar 17, 2015 at 6:41

answered Mar 17, 2015 at 6:32

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

2 Comments

coure2011 Over a year ago

From ur fiddle I see u have also added $('#form').validate(), Can I call this multiple times? Its a dynamic form and I need to call this on click of button every time, is it safe?

Arun P Johny Over a year ago

@coure2011 you can ignore that... not really required

Collectives™ on Stack Overflow

why custom validator method not firing?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related