javascript - 检查具有相同 id onkeyup 事件的文本框的重复值

Question

请帮助验证与 onkeyup 或 onblur 事件循环的具有相同 id 的文本框的重复值，我需要在提交表单之前进行验证，

循环生成N个文本框，在每个文本框中我需要输入排名，因此我需要验证在文本框中输入值后不应输入重复的排名，

enter code here

       <%Iterator iterator_t = tem.keySet().iterator();
   int i =0;
   while (iter.hasNext()) {
       String key_t = (String) iter.next(); 
           ModuleBean moduleBean = (ModuleBean) tem.get(key_t); %>
           <input type="text" name="rank1" id="rank1" size="2" "/>  
       <%}%>   

Answer 1

您不能为其使用相同的 id，而是为其添加一个类。演示

<input type="text" name="rank1" id="rank1" size="2" class="rank" value="1"/>
<input type="text" name="rank2" id="rank2" size="2" class="rank" value="2"/>

function find_duplicates(arr) {
  var len=arr.length,
      out=[],
      counts={};

  for (var i=0;i<len;i++) {
    var item = arr[i];
    var count = counts[item];
    counts[item] = counts[item] >= 1 ? counts[item] + 1 : 1;
  }

  for (var item in counts) {
    if(counts[item] > 1)
      out.push(item);
  }

  return out;
}

$('.rank').keyup(function()
{
    var listOfValues = [];

    $('.rank').each(function()
    {
        if($(this).val()!='')
           listOfValues.push($(this).val());
    });

    var duplicates = find_duplicates(listOfValues);

    if(duplicates.length>0)
    {
        $('#result').html('Duplicates are:');
        $('#result').append(JSON.stringify(duplicates));
    }
    else
    {
        $('#result').html('No Duplicates found');
    }
});