Есть форма для отправки пользователем своего имени и номера телефона.
<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>
Заранее спасибо.