Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript:如何检查每个输入值是否复制到另一个输入值_Javascript_Jquery_Html_Arrays - Fatal编程技术网

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

Javascript:如何检查每个输入值是否复制到另一个输入值,javascript,jquery,html,arrays,Javascript,Jquery,Html,Arrays,所以我有一个动态的输入字段,来自不同的类名和名称的append,我想检查每个输入字段的值是否已经存在或重复 这看起来像 第一个条件_名称为默认值,其他条件为附加名称 <input type="text" name="criteria_name" class="criteria_name"> <input type="text" name="criteria_name2" class="criteria_name2"> <input type="text" name=

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

这看起来像

第一个条件_名称为默认值,其他条件为附加名称

<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);
var critname_arr=[];
var输入检查;
var crit_name_of_first=$('input.criteriaNames').val();
var acappended=附加标准标题+1;
var count_to=0;

对于(var ab=2;ab,这里只是一个示例,说明如何执行此操作。在FIDLE中,将其中一个值更改为另一个字段中已存在的值(生成重复值),以查看它是否执行了操作。如果没有重复项,它将不会执行任何操作。单击“按钮”文本以运行重复检查:

jsFiddle:


$(文档).ready(函数(){
$('.ter')。单击(函数(e){
存储的var=[];
变量输入=$('.criteria_name');
$。每个(输入、功能(k、v){
var getVal=$(v).val();
if(存储的索引of(getVal)!=-1)
$(v).淡出();
其他的
存储的.push($(v).val());
});
});
});
按钮

您可能会选择使用类作为选择器,而不是id值。然后您可以按类选择并使用
$。每个
迭代我忘记了它的类,但仍然相同,如果重复,则不会相互比较,则此
'输入#条件(u名称)
将不能用作选择器。您还需要使用相同的类名
。条件\u name
,不带编号。哦,等等,我会试试,有趣的,我会试试
<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" />