jquery validate with generic addmethod

Question

I'm trying create a generic regex validator to use in a multi-input form which needs different rules for the individual input fields (also depending on other options selected).

I had this more or less working with vanilla JavaScript, but read that it would be simpler with jQuery. I found this code on another site, but I just can't get it to work.

Could someone please either point out what might be wrong with the code, or give me an example of how it could be used?

I'm new to programming in general so sorry if this is 'easy'.

Here is the code:

$.validator.addMethod('regexp', function(value, element, param) {
    return this.optional(element) || value.match(param);
},
'This value doesn\'t match the acceptable pattern.');

$('form').validate({
  rules: {
        password: {
              required: true,
              regexp: /^[A-Za-z\d]+$/i
        }
  }
});

Possible duplicate: stackoverflow.com/questions/1053618/…

BartekR
– BartekR

2012-01-06 18:26:45 +00:00
Commented Jan 6, 2012 at 18:26 — BartekR
– BartekR, Commented Jan 6, 2012 at 18:26

gen_Eric · Accepted Answer · 2012-01-06 18:40:20Z

0

In the rules object, the key is the name of the element. Make sure in your form, your element looks like this:

<input name="password" />

answered Jan 6, 2012 at 18:40

gen_Eric

228k42 gold badges304 silver badges343 bronze badges

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

3 Comments

JoMojo Over a year ago

Thank you Rocket for your prompt reply... I've tried your suggestion without any luck. What about the $('form') shouldn't that be the name or id of the form I'm using? And if so shouldn't it be $(#'form')? And the input should havd a class='requested' added?

JoMojo Over a year ago

I found my problem... the code above works great, problem was with another section of code that I had... here's the code that was causing the conflict... though honestly for now I have no idea why. var validator = $("#options").bind("invalid-form.validate", function() { $("#summary").html("Your form contains " + validator.numberOfInvalids() + " errors."); }).validate({ });

gen_Eric Over a year ago

Maybe $("#options").validate({}) was somehow overwriting the settings for the validator? I dunno.

Collectives™ on Stack Overflow

jquery validate with generic addmethod

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related