使 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>