jQuery validation multiple equals

Question

I am using the jQuery validation tool https://jqueryvalidation.org/

And trying to validate a field for the value of either "green", "Green" or "GREEN". Can you add multiple equals values to the rules? Or may be it is better to convert the string to lowercase?

 $.validator.addMethod("equals", function(value, element, string) {
 return value === string;
 }, $.validator.format("Please answer the question"));


 $("#contactForm").validate({
   rules: {
      question: {
        required: true,
        equals: "green"  
      } 
    }   
 });

Do you really need multiple equals, or just case-insensitive matching? — Barmar
– Barmar, Commented Jul 21, 2022 at 14:50

Barmar · Accepted Answer · 2022-07-21 15:18:44Z

1

You can define a validation method that takes an array of values to allow.

$.validator.addMethod("member", function(value, element, array) {
  return array.includes(value);
}, $.validator.format("Please answer the question"));

$("#contactForm").validate({
   rules: {
      question: {
        required: true,
        member: ["green", "GREEN", "Green"]
      } 
    }   
 });

Another alternative is to use one of the regexp methods here: jQuery validate: How to add a rule for regular expression validation?

Then you can use alternatives in the regexp:

regex: /green|Green|GREEN/

With a regular expression you can also make it case-insensitive easily:

regex: /green/i

edited Jul 21, 2022 at 15:18

answered Jul 21, 2022 at 14:55

Barmar

789k57 gold badges555 silver badges669 bronze badges

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

4 Comments

j00m Over a year ago

I tried this previously equals ["green", "GREEN", "Green"] And it then just accepted none of them?

Barmar Over a year ago

A string can never be equal to an array.

j00m Over a year ago

This is the error I get when I try your exact code: Uncaught TypeError: elements.includes is not a function. Exception occurred when checking element question, check the 'member' method.

Barmar Over a year ago

Sorry, I had the parameters wrong, try it now.

Collectives™ on Stack Overflow

jQuery validation multiple equals

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related