@NakedFace

Как проверять форму с помощью jqBootstrapValidation и отправлять с Ajax?

Есть форма для отправки пользователем своего имени и номера телефона.

<span class="formdescr wow fadeInRight" id="messegeResult">Заполните форму и мы свяжемся с вами в течении 10 минут</span>
                  <form method="post" id="formMain" name="formMain" class="form-inline wow fadeInLeft">
                    <div class="form-group">
                      <input id="name" type="text" name="name" class="form-control" placeholder="Ваше имя?" maxlength="30" autocomplete="off" required>
                    </div>
                    <div class="form-group">
                      <input id="telephone" type="tel" name="telephone" class="form-control" placeholder="Номер телефона" maxlength="30" autocomplete="off" required>
                    </div>
                    <button class="btn btn-default" id="button" type="submit"  onclick="AjaxFormRequest('messegeResult', 'formMain', 'form.php'">Перезвоните мне!</button>
                  </form>

Нужно связать ajax скрипт, который отправляет эту форму на почту без перезагрузки страницы, с валидатором Bootstrap.
В интернетах нашёл такой код, но что-то всё равно не работает.
<script>
	$(function () { 
		$("input,select,textarea").not("[type=submit]").jqBootstrapValidation({
			submitSuccess: function AjaxFormRequest(result_id,formMain,url) {
				jQuery.ajax({
					url:     url,
					type:     "POST",
					dataType: "html",
					data: jQuery("#"+formMain).serialize(), 
					success: function(response) {
						document.getElementById(result_id).innerHTML = response;
					},
					error: function(response) {
						document.getElementById(result_id).innerHTML = "<p>Возникла ошибка при отправке формы. Попробуйте еще раз</p>";
					}
				});

				$(':input','#' . formMain)
				.not(':button, :submit, :reset, :hidden')
				.val('')
				.removeAttr('checked')
				.removeAttr('selected');
			}
	});
</script>


Заранее спасибо.
  • Вопрос задан
  • 1948 просмотров
Пригласить эксперта
Ответы на вопрос 1
@asdz
Почему то, тут другой список аргументов
submitSuccess: function ($form, event)
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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