@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
учусь
задать класс для всех полей проверки и циклом проверить
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
R52.RU Нижний Новгород
от 30 000 до 50 000 руб.
Sveak Барнаул
от 50 000 руб.
HTML Academy Санкт-Петербург
от 150 000 до 180 000 руб.