重複値チェックの複数の入力

Question

入力タグを作成するためのボタンがあります。ユーザーが送信ボタンをクリックすると、重複した値を持つ入力を見つけて、境界線を赤に変更したいと考えています。

私は

HTMLコードjqueryの検証プラグインを使用していないよ：

<form> 
<table> 
    <tr> 
    <td><input type="text" name="text[]" id="1"> <button class="add">add</button></td> 
    </tr> 
</table> 
<input type="submit" id="submit" value="check"> 
</form> 

のjQueryコード：

// add input 
var i = 2; 

$('.add').click(function(e){ 
    e.preventDefault(); 
    $('table').append("<tr><td><input type="text" name="text[]" id="'+i+'"> <button class="add"></td></tr>"); 
    i++; 
}); 

$('#submit').click(function(){ 
    // I do not know how to write ... 
}); 

Answer 1

ここではあなたが

何をしたいです

$('#submit').click(function() { 
     var valid = true; 

     $.each($('input[type="text"]'), function (index1, item1) { 

      $.each($('input[type="text"]').not(this), function (index2, item2) { 

       if ($(item1).val() == $(item2).val()) { 
        $(item1).css("border-color", "red"); 
        valid = false; 
       } 

      }); 
     }); 

     return valid; 
    }); 

Answer 2

誰かが入力の多くで、この後で、かつ効率的に懸念されている場合は、これは同じ結果（最初に出現した以外の重複がマークされている）が得られる：

$('#submit').click(function(){ 
    var values = []; //list of different values 
    $('table input:text').each(
    function() { 
     if (values.indexOf(this.value) >= 0) { //if this value is already in the list, marks 
     $(this).css("border-color", "red"); 
     } else { 
     $(this).css("border-color", ""); //clears since last check 
     values.push(this.value); //insert new value in the list 
     } 
    } 
); 
}); 

フィドル：

を

https://jsfiddle.net/4s82L4vg/