Проверка на дубли при заполнении формы

Если заполняют форму одинаковыми значениями, скрипт проверит и выдаст предупреждение и не даст отправить форму

Демонстрация

  1. CSS

    .duplicate_alert {
        border: 1px solid red;
        color: red;
    }
  2. HTML

    <input class="duplicate_input">
    <input class="duplicate_input">
    <input class="duplicate_input">
    <input type="submit" class="duplicate_submit">
  3. JS

    $('.duplicate_input').change(function(){
        var x=$(this).val();
        var z=0;
        $('.duplicate_input').each(function(){
            var y=$(this).val();
            if(x==y){
                z=z+1;
            }
        });
        if(z>1){
            $('.duplicate_submit').attr('disabled', true);
            $(this).addClass('duplicate_alert');
            alert('Значение каждого поля должны быть уникальными');
        }
        else{
        	$('.duplicate_submit').removeAttr('disabled');
          $(this).removeClass('duplicate_alert')
        }
     })

Продолжая использовать веб- сайт beta-code.ru, вы даете согласие на обработку файлов cookie, пользовательских данных (сведения о местоположении; тип и версия ОС; тип и версия Браузера; тип устройства и разрешение его экрана; источник откуда пришел на сайт пользователь; с какого сайта или по какой рекламе; язык ОС и Браузера; какие страницы открывает и на какие кнопки нажимает пользователь; ip-адрес) в целях функционирования сайта, проведения ретаргетинга и проведения статистических исследований и обзоров. Если вы не хотите, чтобы указанные данные обрабатывались, покиньте сайт.
Принять