@Teapnok

Как сделать проверку полей ajax формы?

Добрый день! Поставил на сайт форму ajax, чтобы после отправки выводить другое всплывающее окно. Проблема заключается в том, что стандартный reqiured не работает, при клике на submit без проверки открывается следующее поп-ап окно. Какие есть решения на этот счёт?

<form method="post" data-form-popup="popup1">
		              <div class="inputWrap inputWrap__phone"><img src="img/phone_icon.png" alt=""><input class="phone_mask" name="phone" type="text" placeholder="+7______-___-___" required value="+7"><i>Напишите Ваш телефон</i></div>
		              <input type="hidden" required name="form" value="Выбрать время">
		              <button type="submit" value="Оставить заявку" class="button main_button">
		              	<img src="img/mask.svg">
						<p>Заказать консультацию с прорабом</p>
						<div class="button_hover"></div>
		              </button>

		            </form>


<script>$('.popup form').submit(function (e) {
  var form_data = $(this).serialize(); //собераем все данные из формы
  $.ajax({
          type: "POST",
          url: "/sendform.php",
          data: $(this).serialize()
        }).done(function() {
          console.log('success');
        }).fail(function() {
          console.log('fail');
        });
    e.preventDefault();
    var popup = $(this).data('form-popup');
    $('[data-wrap-form="' + popup + '"]').toggleClass('hidden');
    $('[data-wrap-sent="' + popup + '"]').toggleClass('hidden');
  });
  </script>
  • Вопрос задан
  • 19 просмотров
Пригласить эксперта
Ответы на вопрос 1
dimastik1986
@dimastik1986
учусь
задать класс для всех полей проверки и циклом проверить
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
23 окт. 2019, в 14:05
3000 руб./за проект
23 окт. 2019, в 14:00
3000 руб./за проект
23 окт. 2019, в 12:53
2000 руб./за проект