具有重复值检查的多个输入 [英] Multiple inputs with duplicate value check

问题描述

我有一个用于创建输入标签的按钮.当用户单击提交"按钮时，我想查找具有重复值的输入并将边框更改为红色.

I have a button to create input tags. When user click submit button I want to find inputs with duplicate values and change border to red.

我没有使用jquery验证插件

html代码:

<form>
<table>
   <tr>
    <td><input type="text" name="text[]" id="1"> <button class="add">add</button></td>
   </tr>
</table>
<input type="submit" id="submit" value="check">
</form>

jQuery代码:

// add input
var i = 2;

$('.add').click(function(e){
  e.preventDefault();
  $('table').append("<tr><td><input type="text" name="text[]" id="'+i+'"> <button class="add"></td></tr>");
  i++;
});

$('#submit').click(function(){
  // I do not know how to write ...
});

推荐答案

这就是您想要的

   $('#submit').click(function () {
        var valid = true;

        $.each($('input[type="text"]'), function (index1, item1) {

            $.each($('input[type="text"]').not(this), function (index2, item2) {

                if ($(item1).val() == $(item2).val()) {
                    $(item1).css("border-color", "red");
                    valid = false;
                }

            });
        });

        return valid;
    });

这篇关于具有重复值检查的多个输入的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！