Добрый день.
Есть
страница с 2 формами .
1 просто форма с валидаторами и маской только на телефон,
2 на этой-же странице только в модальном окне.
<form id="formAuto" action="" onsubmit="ajax()" method="post" name="formAuto">
<div class="row">
куча полей
</div>
</form>
модальное окно
<form id="formPhone" action="" onsubmit="ajax()" method="post" name="formPhone"
style="width: 400px; margin: 0 auto;">
<div class="form-group">
<input type="text" name="name_ph" class="form-control" placeholder="Ваше имя" required>
</div>
<div class="form-group">
<input type="text" name="phone_ph" class="form-control" id="phone_ph" required>
</div>
<input type="submit" name="send" class="send btn btn-default btnsubmit" type="button"
value="Отправить заявку"/>
</form>
ajax обработчик отдельный файл
function ajax() { //Ajax отправка формы
var msg = $("#formAuto").serialize();
$.ajax({
type: "POST",
url: "./contact.php",
data: msg,
success: function (data) {
$("#requeried").html(data);
},
error: function (xhr, str) {
alert("Возникла ошибка!");
xhr.abort()
}
});
var msg = $("#formPhone").serialize();
$.ajax({
type: "POST",
url: "./phone.php",
data: msg,
success: function (data) {
$("#requeriedPhone").html(data);
},
error: function (xhr, str) {
alert("Возникла ошибка!");
xhr.abort()
}
});
}
jQuery.fn.notExists = function () { //Проверка на существование элемента
return $(this).length == 0;
}
$(document).ready(function () { //Валидация формы
$("#formAuto").validate({
rules: {
vin: {required: true,
minlength: 12,
maxlength: 17,
},
brand: {required: true,},
model: {required: true,},
year: {required: true,},
engine: {required: true,},
eng_fuel: {required: true,},
kpp: {required: true,},
salon: {required: true,},
condition: {required: true,},
name: {
required: true,
minlength: 4,
maxlength: 16,
},
email: {
email: true,
required: true,
},
probeg: {
required: true,
},
},
messages: {
vin: {
required: "Это поле обязательно для заполнения",
minlength: "Логин должен быть минимум 4 символа",
maxlength: "Максимальное число символо - 16",
},
brand: {required: "Это поле обязательно для выбора",},
model: {required: "Это поле обязательно для выбора",},
year: {required: "Это поле обязательно для выбора",},
engine: {required: "Это поле обязательно для выбора",},
eng_fuel: {required: "Это поле обязательно для выбора",},
kpp: {required: "Это поле обязательно для выбора",},
salon: {required: "Это поле обязательно для выбора",},
condition: {required: "Это поле обязательно для выбора",},
name: {
required: "Это поле обязательно для заполнения",
minlength: "Логин должен быть минимум 4 символа",
maxlength: "Максимальное число символо - 16",
},
email: {
required: "Это поле обязательно для заполнения",
email: "Введите корректный e-mail",
},
probeg: {
required: "Это поле обязательно для выбора",
},
}
}
);
проблема в том, что он не подключает вторую форму и соответственно обработчик phone.php
и пытается все данные запихать в первый файл contact.php
в ajax и js Не силён делал по примерам