JQuery 檢查多個輸入值是否相同

Question

我有多個具有相同類名的輸入框，我想檢查每個輸入框是否都有唯一的值（數字）。 我希望在每個輸入中都有一個唯一的序列號。

 $('.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" />

Answer 1

也許這個？

 $('.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"/>