How to validate multiple identical input fields with jQuery?

Question

I have six input fields in form and I need to do some validation to make sure that none of them are identical in real time. For example if a user try's to enter a duplicate field jQuery would prompt the user that they must enter unique fields, before even submitting the form. I assume that I could use a 'keyup' function but I'm not sure. I'm trying to use jQuery validate but can only get it working for two fields at a time. Is this possible with jQuery or maybe there is a better solution? Angular?

Barmar · Accepted Answer · 2016-04-22 22:16:45Z

1

Give all the fields a class like class="alldifferent". Then you can use:

$(".alldifferent").keyup(function() {
    var val = $(this).val();
    if (val != '') {
        $(".alldifferent").not(this)).each(function() {
            if ($(this).val() == val) {
                alert("Error, duplicate value " + val);
                return false; // stop the loop
            }
        });
    }
});

answered Apr 22, 2016 at 22:16

Barmar

789k57 gold badges554 silver badges669 bronze badges

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

1 Comment

webDevleoper101 Over a year ago

Thank You! exactly what I was looking for.

Yaseen Ahmad · Accepted Answer · 2016-04-22 21:45:22Z

0

The Jquery Validation work on submit from you can use keyup function see in documentation

https://jqueryvalidation.org/equalTo-method

answered Apr 22, 2016 at 21:45

Yaseen Ahmad

1,7955 gold badges27 silver badges43 bronze badges

1 Comment

Barmar Over a year ago

This seems to be the opposite of what he wants.

Collectives™ on Stack Overflow

How to validate multiple identical input fields with jQuery?

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related