检查输入值是否相同?

时间:2018-05-29 00:07:53

标签: javascript jquery html forms

我想检查输入是否具有相同的值

输入是由循环生成的,每次都是变量

for(int i = 0; i< add; i++) 
{%>
<input  name="<%= i%>" id="<%= i%>" class="form-control" holder="S/Num"/>
<%} %>

我试过这个但是没有用

<script>
$('input').blur(function() {
  if ($('#s1').attr('value') == $('#s2').attr('value')) {
    alert('Same Value'); return false;
  } else { return true; }
});
</script>

3 个答案:

答案 0 :(得分:1)

试试这个:

&#13;
&#13;
$(function() {
  var nums = $('input.form-control[id^=s]'); /* find all inputs starting id with `s` */
  nums.on('change', function(e) {
    var map = {};
    nums.each(function(i, el) {
      if (el.value.replace(/\s/g, '')) { /* trim whitespace */
        if (undefined !== map[el.value]) {
          console.log('duplicate value', el.value, ', found input with id', el.id);
          el.value = ''; /* reset, if required */
        } else {
          map[el.value] = 1;
        }
      }
    });
  });
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input name="s1" id="s1" class="form-control" placeholder="S/Num" />
<input name="s2" id="s2" class="form-control" placeholder="S/Num" />
<input name="s3" id="s3" class="form-control" placeholder="S/Num" />
&#13;
&#13;
&#13;

答案 1 :(得分:0)

检查值属性是没用的。用户编辑字段时不会更新。它仅用于告诉浏览器初始值是什么。您需要使用val() 值属性

   $('input').blur(function() {
        if ($('#s1').val() == $('#s2').val()) {
        alert('Same Value'); return false;
        } else { return true; }
    });

如果要比较重复值的未知数量的元素,请使用数组

$('input').blur(function() {
   var values = []
   $('input').each(function(){
      if(!values.includes(this.value)){
        values.push(this.value)
      }else{
        alert('Name:' + this.name +' is duplicate');        
      }
   });
});

答案 2 :(得分:0)

你可以试试这个,希望这对你有所帮助,你可以根据你的要求改变它:

 var valid = true;
 $.each($('input'), function (index1, item1) {
     $.each($('input').not(this), function (index2, item2) {
         if ($(item1).val() == $(item2).val()) {
              valid = false;
         }

     });
 });
 if(valid == false)
 {
   alert("Same Value");
 }
 return valid;