使jQuery動態字段唯一

Question

我有動態添加的窗體中的字段。我如何檢查這些字段的值是否唯一？

HTML：

<div class="inputs"> 
     <input type="text" class="form-control" id="regSection" name="regSection[]" required="required"> 
</div> 
<a href="#" id="#add">ADD</a> 

的JavaScript：

$('#add').click(function(e) { 
    e.preventDefault(); 
    $('<input type="text" class="form-control" id="regSection" name="regSection[]">').fadeIn('slow').appendTo('.inputs'); 
}); 

Answer 1

我已經從輸入刪除ID作爲ID必須是唯一的。

此代碼將返回found id文本框中重複的值。否則，它將返回not found。

$('#add').click(function(e) { 
 
    e.preventDefault(); 
 
    $('<input type="text" class="form-control" n ame="regSection[]">').appendTo('.inputs'); 
 
}); 
 

 
$('#check').click(function(e){ 
 
    var arr = []; 
 
    var found = 0; 
 
    $('.inputs input').each(function(){ 
 
     var myVal = $(this).val(); 
 
     if(arr.includes(myVal)) 
 
      found++; 
 
     else 
 
      arr.push(myVal); 
 
    }); 
 
    
 
    if(found) 
 
     console.log('found'); 
 
    else 
 
     console.log('unique'); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="inputs"> 
 
     <input type="text" class="form-control" name="regSection[]" required="required"> 
 
</div> 
 
<a href="#" id="add">ADD</a> 
 

 
<button id="check">Check</button>