JQuery check multiple inputs value is not same

Question

I have multiple input boxes with the same class name, I want to check whether every input box has a unique value in it (number). I want a unique sequence number in every input.

$('.seq_box').change(function() {
  alert('number this already exist')
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="number" class="seq_box" />
<input type="number" class="seq_box" />
<input type="number" class="seq_box" />
<input type="number" class="seq_box" />
<input type="number" class="seq_box" />

mplungjan · Accepted Answer · 2020-03-03 13:02:33Z

1

Perhaps this?

$('.seq_box').on("change",function(e) {
  const vals = $('.seq_box').not(this).map(function() { return this.value }).get()
  const that = this;
  if (vals.indexOf(this.value) !=-1) {
    console.log('This number already exists')
    that.value="";
    setTimeout(function() { that.focus() },100)
  }  
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="number" class="seq_box"/>
<input type="number" class="seq_box"/>
<input type="number" class="seq_box"/>
<input type="number" class="seq_box"/>
<input type="number" class="seq_box"/>

edited Mar 3, 2020 at 13:02

answered Mar 3, 2020 at 12:57

mplungjan

180k29 gold badges183 silver badges246 bronze badges

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

1 Comment

Alexandre Elshobokshy Over a year ago

Oh I was about to answer the same answer, when I finished my fiddle you'd already given the answer :(

Collectives™ on Stack Overflow

JQuery check multiple inputs value is not same

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related