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

Задача:

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


Решение:
  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')
        }
     })

Похожие решения:
Создано: 30.05.2019
Просмотров: 35

Комментарии

Написать