Question

所以我有一个动态输入字段来自追加不同的类名和名称，我想检查每个输入字段值是否已存在或重复。

这看起来像

第一个criteria_name是默认值，其他则是appendend。

<input type="text" name="criteria_name" class="criteria_name">
<input type="text" name="criteria_name2" class="criteria_name2">
<input type="text" name="criteria_name3" class="criteria_name3">
<input type="text" name="criteria_name4" class="criteria_name4">
<input type="text" name="criteria_name5" class="criteria_name5">

如果没有其他重复的话，我试图检查每一个。

 var critname_arr = [];
 var input_check;
 var crit_name_of_first = $('input.criteriaNames').val();
 var acappended = append_crit_header+1;
 var count_to = 0;

 for(var ab = 2; ab<=acappended; ab++){
      var crit_arr;

    if(crit_name_of_first == $('input.criteria_each_name'+ab+'').val()){
        alert("Criteria cannot be duplicate");
        return false;
    }else{

        input_check = $('input.criteria_each_name'+ab);
        input_check.each(function(){
            crit_arr = $.trim($(this).val());           
        });
        critname_arr.push(crit_arr);
    }
    if($('input.criteria_each_name'+ab+'').val() == critname_arr[count_to]){
            alert('criteria cannot be duplicate');
            return false;
    }
    count_to++;
}
console.log(critname_arr);

Answer 1

这是一个如何做到这一点的例子。在小提琴中将其中一个值更改为已存在于另一个字段中的值（制作重复值）以查看它执行的操作。如果没有重复，它将不会做任何事情。单击“按钮”文本以运行重复检查：

jsFiddle： https://jsfiddle.net/o52gjj0u/

<script>
$(document).ready(function(){
    $('.ter').click(function(e) {
        var stored  =   [];
        var inputs  =   $('.criteria_name');
        $.each(inputs,function(k,v){
            var getVal  =   $(v).val();
            if(stored.indexOf(getVal) != -1)
                $(v).fadeOut();
            else
                stored.push($(v).val());
        });
    });
});
</script>
<!-- Just use an array name for the input name and same class name as well -->
<div class="ter">Button</div>
<input type="text" name="criteria_name[]" class="criteria_name" value="1" />
<input type="text" name="criteria_name[]" class="criteria_name" value="2" />
<input type="text" name="criteria_name[]" class="criteria_name" value="3" />
<input type="text" name="criteria_name[]" class="criteria_name" value="4" />
<input type="text" name="criteria_name[]" class="criteria_name" value="5" />

Javascript：如何检查每个输入值是否重复到另一个输入值

1 个答案: