A
A
alexspi2016-02-15 14:19:51
JavaScript
alexspi, 2016-02-15 14:19:51

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>

modal window
<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 handler separate file
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: "Это поле обязательно для выбора",
                },

            }
        }

    );

the problem is that it does not connect the second form and, accordingly, the phone.php handler
and tries to push all the data into the first contact.php file
in ajax and js

Answer the question

In order to leave comments, you need to log in

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question