Задать вопрос

Как сделать валидацию с jqBootstrapValidation?

Есть форма
<form class="main_form" novalidate target="_blank" method="post" id="form">
						<label class="form-group animation_3">
							<span class="color_element"></span> Ваше имя:
							<input type="text" name="name" placeholder="Имя"  required />								
						</label>
						<label class="form-group animation_3">
                                    <span class="color_element">*</span> Ваш телефон:
										<input type="text" name="number" pattern="^[0-9]{11}$" placeholder="Телефон" data-validation-required-message="Вы не ввели телефон" required />	
										<span class="help-block text-danger"></span>
									</label>
						<label class="form-group animation_3">
							<span class="color_element">*</span> Ваш E-mail:
							<input type="email" name="email" placeholder="E-mail" data-validation-required-message="Не корректно введен E-mail" required />	
							<span class="help-block text-danger"></span>
						</label>
						<label class="form-group animation_3">
							<span class="color_element">*</span> Ваше сообщение:
							<textarea name="message" placeholder="Ваше сообщение" data-validation-required-message="Вы не ввели сообщение" required></textarea>
							<span class="help-block text-danger"></span>
						</label>
						<label class="sucsses">СООБЩЕНИЕ ОТПРАВЛЕННО</label>						
						<button class="animation_3">Отправить</button>
					</form>


и js код
$("#form").submit(function() {
		$.ajax({
			type: "POST",
			url: "mail.php",
			data: $(this).serialize()
		}).done(function() {
			$(this).find("input").val("");
			$(".sucsses").fadeIn("1500");
            setTimeout(function() { $(".sucsses").fadeOut("1500"); }, 2500);   
			$("#form").trigger("reset");
		});
		return false;
	});


и php код
<?php

$recepient = "dfsghsdfgn@mail.ru";

$name = trim($_POST["name"]);
$number = trim($_POST["number"]);
$email = trim($_POST["email"]);
$message = trim($_POST["message"]);

$message = "Имя: $name \nТелефон: $number \nЕmail: $email \nСообщение: $message";

$pagetitle = "Сообщение с";
mail($recepient, $pagetitle, $message, "Content-type: text/plain; charset=\"utf-8\"\n From: $recepient");
?>


теперь вопрос как сделать что бы форма не отправлялась если не прошла валидация. Сама валидация работает выводятся лэйблы о не правильно введенной информации, но письмо все равно отправляется. как это исправить
  • Вопрос задан
  • 533 просмотра
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы