Как проверить несколько одинаковых полей ввода с помощью jQuery?

Question

У меня есть шесть полей ввода в форме, и мне нужно сделать некоторые проверки, чтобы убедиться, что ни один из них не идентичен в реальном времени. Например, если пользователь попытается ввести дублирующее поле, jQuery предложит пользователю ввести уникальные поля, прежде чем отправлять форму. Я предполагаю, что могу использовать функцию «keyup», но я не уверен. Я пытаюсь использовать проверку jQuery, но могу заставить его работать только для двух полей одновременно. Возможно ли это с помощью jQuery или, возможно, есть лучшее решение? Угловая?

Answer 1

Jquery Проверка работы на подать из вас может использовать функцию KeyUp см в документации

https://jqueryvalidation.org/equalTo-method

Answer 2

Дайте все поля класса как class="alldifferent". Затем вы можете использовать:

$(".alldifferent").keyup(function() { 
    var val = $(this).val(); 
    if (val != '') { 
     $(".alldifferent").not(this)).each(function() { 
      if ($(this).val() == val) { 
       alert("Error, duplicate value " + val); 
       return false; // stop the loop 
      } 
     }); 
    } 
});