@LuidgiVamp

Почему повторяются сообщений об ошибках с плагином проверки JQuery validate?

Постоянно повторяются сообщения об ошибках подключил к движку, Jquery валидатор, проверка работает, но все ошибки выводит одно за другой, уже что только не пробовал изменить, посмотрите пожалуйста ниже код формы, код скрипта, фото приложил.

<form name="register" class="form-vertical js-register-form js-item-form" action="http://hp/index.php"
          method="post" enctype="multipart/form-data" novalidate="novalidate"><input
                type="hidden" name="CSRFName" value="CSRF1190773630_1535870326">
        <input type="hidden" name="CSRFToken"        value="9fc7372984b60e461707c55105beef89ad99d73f4373f4deda63ce4fb961c0d39ea5003434434fde7249c972edd956a074e2bc6476efb26a95b9cfb6255c84c7">
        <input type="hidden" name="page" value="register">
        <input type="hidden" name="action" value="register_post">
        <div class="form-group">
            <label class=" control-label" for="s_name">
                Имя </label>
            <div class="">
                <input class="form-control" type="text" name="s_name" value=""
                       data-rule-required="true" data-msg-required="This field is required"
                       aria-required="true">
            </div>
        </div>
        <div class="form-group">
            <label class=" control-label" for="s_email">
                Электронная почта </label>
            <div class="">
                <input class="form-control" type="text" name="s_email" value=""
                       data-rule-required="true" data-msg-required="This field is required"
                       data-rule-email="true"
                       data-msg-email="The input is not a valid email address"
                       aria-required="true">
            </div>
        </div>
        <div class="form-group">
            <label class=" control-label" for="s_password">
                Пароль </label>
            <div class="">
                <input class="form-control" id="s_password" type="password" name="s_password"
                       value="" data-rule-required="true"
                       data-msg-required="This field is required" data-rule-minlength="5"
                       data-msg-minlength="The password must be more than {0} characters"
                       aria-required="true">
            </div>
        </div>
        <div class="form-group">
            <label class=" control-label" for="s_password2">
                Повторите пароль </label>
            <div class="">
                <input class="form-control" id="s_password2" type="password" name="s_password2"
                       value="" data-rule-required="true"
                       data-msg-required="This field is required" data-rule-minlength="5"
                       data-msg-minlength="The password must be more than {0} characters"
                       data-rule-equalto="#s_password"
                       data-msg-equalto="The password and its confirm are not the same"
                       aria-required="true">
            </div>
        </div>
        
        <script type="text/javascript">
            $(document).ready(function () {
                if ($("form[name=register]").length > 0) {
                    $('input[id="bo_mgr_user_phone"]').addClass("{required: true, messages: { required: 'Phone: this field is required'}}")
                }
            });
        </script>

        <label for="bo_mgr_user_phone">Phone</label>
        <input type="text" name="bo_mgr_user_phone" id="bo_mgr_user_phone"
               class="{required: true, messages: { required: &#39;Phone: this field is required&#39;}} error">


        <label for="bo_mgr_user_country">Country</label>
        <input id="country" type="text" name="country" value="Russia" autocomplete="off"><input
                id="countryId" type="hidden" name="countryId" value="">

        <div class="form-group">
            <div class="">
                <button class="btn btn-block btn-primary" type="submit">Sign up</button>
            </div>
        </div>
    </form>

<script type="text/javascript">
        $(document).ready(function () {
            // Code for form validation
            $("form[name=register]").validate({
                rules: {
                    s_name: {
                        required: true
                    },
                    s_email: {
                        required: true,
                        email: true
                    },
                    s_password: {
                        required: true,
                        minlength: 5
                    },
                    s_password2: {
                        required: true,
                        minlength: 5,
                        equalTo: "#s_password"
                    }
                },
                messages: {
                    s_name: {
                        required: "Название: это поле обязательно для заполнения."
                    },
                    s_email: {
                        required: "E-mail: это поле обязательно для заполнения.",
                        email: "Неверный адрес электронной почты."
                    },
                    s_password: {
                        required: "Пароль: это поле обязательно для заполнения.",
                        minlength: "Пароль: введите не менее 5 символов."
                    },
                    s_password2: {
                        required: "Повторите пароль: это поле обязательно для заполнения.",
                        minlength: "Повторите пароль: введите не менее 5 символов.",
                        equalTo: "Пароли не совпадают."
                    }

                },
                errorLabelContainer: "#error_list",
                wrapper: "div",
                invalidHandler: function (form, validator) {
                    $('html,body').animate({scrollTop: $('h1').offset().top}, {duration: 250, easing: 'swing'});
                },
                submitHandler: function (form) {
                    $('button[type=submit], input[type=submit]').attr('disabled', 'disabled');
                    form.submit();
                }
            });
        });
    </script>

5ae3594274fbf918091659.png
  • Вопрос задан
  • 415 просмотров
Пригласить эксперта
Ответы на вопрос 1
villiwalla
@villiwalla
HTML-верстка
Надо проверять есть элемент или нет
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
SummerWeb Ярославль
от 120 000 до 180 000 ₽
Brightdata Тель-Авив
от 5 500 до 6 500 $
Market-place Ростов-на-Дону
от 100 000 до 200 000 ₽