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

Две формы на одной странице с валидатором и маской ввода, как сделать разные обработчики?

Добрый день.
Есть страница с 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 Не силён делал по примерам
  • Вопрос задан
  • 739 просмотров
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
Rocket Смоленск
от 80 000 до 130 000 ₽
div. Ставрополь
от 40 000 до 90 000 ₽
Wanted. Санкт-Петербург
До 220 000 ₽