Валидация форм и отправка по ajax?

Question

[Daniel_Defo]

Добрый день великие мастера гуру. Прошу помощи, не могу понять как сделать валидацию и отправку форм по ajax, по отдельности все получается, а вместе нет.
Использую jqueryvalidation, ниже приведен код ajax отправки и валидации формы, как соединить их воедино, чтобы кнопка не отправляла данные на сервер не пройдя валидацию?
Есть такой код:

<form class="form1" id="form1">

						<!-- Hidden Required Fields -->
						<input type="hidden" name="Project" value="site.ru">
						<input type="hidden" name="admin_email" value="[e-mail]">
						<input type="hidden" name="form_subject" value="Заявка с главной страницы Forum ( Задать вопрос )">
						<!-- End Hidden Required Fields -->

						<div class="input-wr">
							<div class="input-wr"><input type="email" name="email" placeholder="Введите адрес электронной почты" required></div>
							<button class="btn submit">Подписаться</button>
						</div>

						<div class="policy">
							<input id="check" name="check" type="checkbox" checked required>
							<label for="check">Я соглашаюсь на обработку персональных данных</label>
						</div>

						<div class="personal">
							<span>Нажимая «Подписаться» Вы соглашаетесь <br> с <a href="javascript:void(0);">Политикой обработки персональных данных</a></span>
						</div>

					</form>

$("#form1").submit(function() { //Change
		var th = $(this);
		$.ajax({
			type: "POST",
			url: "mail.php", //Change
			data: th.serialize()
		}).done(function() {
			$(".modal-wr2").addClass("active");
			setTimeout(function() {
				// Done Functions
				$(".modal-wr2").removeClass("active");
				th.trigger("reset");
			}, 3000);
		});
		return false;
	});

$('#form1').validate({
		rules: {
			userEmail: {
				email: true,
				required: true
			}
		}
	});

Comments

[Антон]

А почему бы не проводить валидацию на сервере?

Answer 1

[hakkol]

https://jqueryvalidation.org/validate/ submitHandler вам в помощь