How do i make jQuery validate/support an HTML 5 pattern? It would be great if it did without specifying the pattern on each field.

I know I could do this (below), but is there better way?

$("form").validate({
  rules: {
    "password": {
      pattern: /[A-Za-z0-9\w]{4,20}/,
    }
  }
});

See Fiddle /

How do i make jQuery validate/support an HTML 5 pattern? It would be great if it did without specifying the pattern on each field.

I know I could do this (below), but is there better way?

$("form").validate({
  rules: {
    "password": {
      pattern: /[A-Za-z0-9\w]{4,20}/,
    }
  }
});

See Fiddle http://jsfiddle/2ma8ec6j/

• javascript
• jquery
• html
• jquery-validate

• FYI you should be able to remove the ^ from that pattern (the regexes are always full match() style - see the MDN docs). – declension Commented Nov 9, 2014 at 17:59
• How can I add multiple pattern matching for OR condition – Siddhart hundare Commented Aug 13, 2021 at 7:43
• write a pattern that has or condition. I dont know how but it should be standard regex – aWebDeveloper Commented Aug 17, 2021 at 6:59

1 Answer 1

Quote:

"How do i make jQuery validate/support an HTML 5 pattern?"

It already does. See below

"It would be great if it did without specifying the pattern on each field."

How will it know which pattern goes to which field if you don't specify this someplace?

"...is there better way?"

You can declare some rules via inline HTML attributes. However, you can declare all rules via the rules option within .validate() or the .rules() method.

I don't know if this is "better" as that is purely a matter of opinion, but as long as you include the additional-methods.js OR the pattern.js file, the jQuery Validate plugin will pickup and use the HTML5 pattern attribute.

<input type="text" name="somename" pattern="[A-Za-z0-9\w]{4,20}" />

DEMO: http://jsfiddle/fLxgz9dn/

See: https://github./jzaefferer/jquery-validation/issues/785