jquery - 如何使用jquery避免输入文本框的重复值

Question

我有 N 个文本框，这些值将在自动填充上设置，所以我不想要重复的值如何在 jquery 中执行此操作

Answer 1

您可以使用我刚刚制作的这个漂亮的小脚本:

<script type="text/javascript">
$(document).ready(function() {
    $('#field1').blur(function() {
        if ($(this).val() == $('#field2').val() || $(this).val() == $('#field3').val()) {
            $('#field1').stop(false,true).after('&nbsp;&nbsp;<span style="color:red;" class="error">Please enter different text</span>');
            $('.error').delay(600).fadeOut();
            $(this).val('');
        }
    });
    $('#field2').blur(function() {
        if ($(this).val() == $('#field1').val() || $(this).val() == $('#field3').val()) {
            $('#field2').stop(false,true).after('&nbsp;&nbsp;<span style="color:red;" class="error">Please enter different text</span>');
            $('.error').delay(600).fadeOut();
            $(this).val('');
        }
    });
    $('#field3').blur(function() {
        if ($(this).val() == $('#field1').val() || $(this).val() == $('#field2').val()) {
            $('#field3').stop(false,true).after('&nbsp;&nbsp;<span style="color:red;" class="error">Please enter different text</span>');
            $('.error').delay(600).fadeOut();
            $(this).val('');
        }
    });
});
</script>

然后是 HTML，您可以使用当前的 HTML，只要它们各自的 ID 与脚本中的 ID 匹配即可:

<form id="form1">
    Enter some text: <input type="text" id="field1" />

    <br /><br />

    Enter some text: <input type="text" id="field2" />

    <br /><br />

    Enter some text: <input type="text" id="field3" />

</form>

它对错误和所有内容都有很好的淡入淡出效果。

在这里查看实际情况:http://jsfiddle.net/zHJSF/

尝试在第一个文本中填充一些文本，然后在下一个文本中填充相同的文本，您会在侧面收到一个不错的小错误，并且它们会自动淡出，因此不会产生一堆错误。

我希望这有帮助。