javascript - 如何显示文本框重复值的警报

Question

我有多个具有不同值的 input 字段。我可以编辑它们但不能为空(如果为空则显示警报)。当我将其编辑为新值时，如果新值与任何其他输入值匹配，我需要一个警告您不能使用它。

HTML

<input type="text" class="selector" value="new">
<input type="text" class="selector" value="old">
<input type="text" class="selector" value="newest">
<input type="text" class="selector" value="oldest">
<input type="text" class="selector" value="older">

JavaScript

$('.selector').change(function () {
    alert();
});

fiddle here

Answer 1

Updated Fiddle .

您可以先使用 $(this).attr('value', $(this).val()); 刷新 value 属性，然后检查是否有任何其他字段具有类 selector 使用值选择器 $('.selector[value="' + current_value + '"]').length.

具有相同的值

希望这对您有所帮助。

---

$('body').on('blur', '.selector', function () {
    $(this).attr('value', $(this).val());

    if ($('.selector[value="' + $(this).val() + '"]').length > 1 ) {
        $(this).focus();
        alert('You cannot use this');
    }else if($(this).val().length == 0) {
        alert('Empty value not accepted');
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class="selector" value="new">
<input type="text" class="selector" value="old">
<input type="text" class="selector" value="newest">
<input type="text" class="selector" value="oldest">
<input type="text" class="selector" value="older">