使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必须是唯一的。

此代码将返回+Your reset of the text... id textbox repeat中的值。否则，它将返回found。

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');

});