How to find duplicate values in array using jQuery?

Question

I have some inputs which names is array in one form:

<input type="text" name="email[]" id="email" />
<input type="text" name="email[]" id="email" />
<input type="text" name="email[]" id="email" />

etc.

when I submit the form I need to check in jQuery if have a duplicated value in this inputs, can help me anyone?

thanks :)

elclanrs · Accepted Answer · 2013-01-30 22:47:06Z

11

I'd do it like this:

var values = $('input[name="email[]"]').map(function() {
  return this.value;
}).toArray();

var hasDups = !values.every(function(v,i) {
  return values.indexOf(v) == i;
});

$('form').submit(function(e) {
   if (hasDups) e.preventDefault();
});

Also, ids should be unique like people are saying in the comments.

edited Jan 30, 2013 at 22:47

answered Jan 30, 2013 at 22:29

elclanrs

94.2k21 gold badges137 silver badges171 bronze badges

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

6 Comments

elvaris17 Over a year ago

thank you for answer but hasDups always return true, i put diffrent emails but return true, why?

elclanrs Over a year ago

Right, I forgot...change to this !values.every(function() {.... Works fine now jsbin.com/ezinad/1/edit

elvaris17 Over a year ago

hmm now always return false?

elvaris17 Over a year ago

yes I check the demo, I change the values for example i put two time three and console return false!

elvaris17 Over a year ago

the problem is in value, when i put the value in HTML is working fine but when i put in the text field and submit value comes empty

|

Collectives™ on Stack Overflow

How to find duplicate values in array using jQuery?

1 Answer 1

6 Comments

Your Answer

Collectives™ on Stack Overflow

How to find duplicate values in array using jQuery?

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest