Answer the question
In order to leave comments, you need to log in
Two forms on one page with validator and input mask, how to make different handlers?
Good afternoon.
There is a page with 2 forms.
1 just a form with validators and a mask only on the phone,
2 on the same page only in a modal window.
<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>
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: "Это поле обязательно для выбора",
},
}
}
);
Answer the question
In order to leave comments, you need to log in
Didn't find what you were looking for?
Ask your questionAsk a Question
731 491 924 answers to any question