@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
  • Вопрос задан
  • 421 просмотр
Пригласить эксперта
Ответы на вопрос 1
villiwalla
@villiwalla
HTML-верстка
Надо проверять есть элемент или нет
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы