如何使用 jQuery 检查输入中的重复值

Question

我有一个 html 表，里面有输入。我想检查自定义列中的重复值或另一方面 Non Dupllicated td value 。

 <table>
    <tr><td><input value="one"/></td></tr>
    <tr><td><input value="two"/></td></tr>
    <tr><td><input value="one"/></td></tr>
    <tr><td><input value="nine"/></td></tr>
    <tr><td><input value="four"/></td></tr>
</table>

我想检查 td 中的所有输入，如果值重复显示错误。例如在顶部代码中 one 是重复的。我不想使用 for() 。

原文由 Mohsen Zahedi 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

使用 each() 检查输入值，如果任何值重复，则添加类 duplicate 到它。

 var arr = [];
$("input").each(function(){
    var value = $(this).val();
    if (arr.indexOf(value) == -1)
        arr.push(value);
    else
        $(this).addClass("duplicate");
});

 .duplicate {
    border: 1px solid red;
    color: red;
}

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
    <tr><td><input value="one"></td></tr>
    <tr><td><input value="two"></td></tr>
    <tr><td><input value="one"></td></tr>
    <tr><td><input value="nine"></td></tr>
    <tr><td><input value="four"></td></tr>
    <tr><td><input value="four"></td></tr>
</table>

原文由 Mohammad 发布，翻译遵循 CC BY-SA 3.0 许可协议