Не срабатывает валидация формы [закрыт]

108
22 декабря 2019, 20:10
Закрыт. Этот вопрос не по теме. Ответы на него в данный момент не принимаются.

Хотите улучшить этот вопрос? Update the question so it's on-topic for Stack Overflow на русском.

Закрыт 9 месяцев назад.

Есть форма с кнопкой отправки заявки

И js обработчик

$(document).ready(function() { 
  $('#form').submit(function() { 
    if (document.form.name.value == '' || document.form.phone.value == '' || 
      document.form.theme.value == '' || 
      doctype.form.text.value == '') { 
      valid = false; 
      return valid; 
      alert('error'); 
    } 
    $.ajax({ // отправка данных на почту через php файл 
      type: "POST", 
      url: "shop/mail/mail.php", 
      data: $(this).serialize() 
    }).done(function() { // сброс фомы и вызов обработчика результата отправки 
      $('.js-overlay-thank-you').fadeIn(); 
      $(this).find('input').val(''); 
      $('#form').trigger('reset'); 
    }); 
    return false; 
  }); 
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<form class="form" name="form" id="form"> 
  <input type="text" class="form-filed" name="name" placeholder=" Имя"> 
  <input type="text" class="form-filed" name="phone" placeholder="Телефон"> 
  <input type="text" class="form-filed" name="theme" placeholder="Тема"> 
  <textarea name="text" class="form-filed" cols="30" rows="10" placeholder="Сообщение"></textarea> 
  <button class="form-button">Отправить</button> 
</form>

При вводе не всех данный в форму обработчик не срабатывает и отправляет незаполненную форму. В чем ошибка?

Answer 1
doctype.form.text.value == '') {

Откуда тут doctype взялось?

Вряд ли Ваш alert выполнится после return.

  alert('error');
  return valid;
Answer 2

попробуй вместо || использовать &&

READ ALSO
Что означает выражение в ES6 component&lt;component&gt;?

Что означает выражение в ES6 component<component>?

Что означают такие выражения, нигде не могу найти

109
Почему проверяется length value input не по условию?

Почему проверяется length value input не по условию?

Если длина символов меньше 12 -> innerHTML, иначе continue (не выполняет корректно ) Есть второй вопрос: если inponclick = null отключает клик, когда условие...

128
Выбор случайного элемента из массива с вероятностью

Выбор случайного элемента из массива с вероятностью

Можно выбрать случайное значение из массива с помощью кода:

128
Как обрезать путь к файлу через regex?

Как обрезать путь к файлу через regex?

Как можно получить только имя файла или папки через regex ? Например у меня есть такой путь:

114