0

Появляется много ошибок и при нажатии на кнопку добавляется +1 ошибка не работает валидация

<script src="js/jquery-3.4.1.min.js"></script>
    <script>
    $(document).ready(function() {
        $(".scroll").on("click", "a", function(event) {
            event.preventDefault();
            let id = $(this).attr('href')
            let top = $(id).offset().top;
            console.log(top);
            $('body,html').animate({
                scrollTop: top
            }, 500);
        });

        $('.p-request-btn').click(function() {
            $('.parents').fadeIn('slow');
            $('.p-request-form').fadeIn('slow');
            $('body').css('overflow', 'hidden');
        });
        $('.parents').click(function() {
            $('.parents').fadeOut('slow');
            $('.p-request-form').fadeOut('slow');
            $('body').css('overflow', '');
        });

    });
    </script>
    <script>
    $(document).ready(function() {
        $(".scroll").on("click", "a", function(event) {
            event.preventDefault();
            let id = $(this).attr('href')
            let top = $(id).offset().top - 90;
            console.log(top);
            $('body,html').animate({
                scrollTop: top
            }, 500);
        });

        $('.p-docs-btn').click(function() {
            $('.parents').fadeIn('slow');
            $('.docs-form').fadeIn('slow');
            $('body').css('overflow', 'hidden');
        });
        $('.parents').click(function() {
            $('.parents').fadeOut('slow');
            $('.docs-form').fadeOut('slow');
            $('body').css('overflow', '');
        });

    });
    </script>
    <script>
    $(document).ready(function() {
        $(".scroll").on("click", "a", function(event) {
            event.preventDefault();
            let id = $(this).attr('href')
            let top = $(id).offset().top - 90;
            console.log(top);
            $('body,html').animate({
                scrollTop: top
            }, 500);
        });

        $('.p-registration-btn').click(function() {
            $('.parents').fadeIn('slow');
            $('.registration-form').fadeIn('slow');
            $('body').css('overflow', 'hidden');
        });
        $('.parents').click(function() {
            $('.parents').fadeOut('slow');
            $('.registration-form').fadeOut('slow');
            $('body').css('overflow', '');
        });
    });
    </script>

    <!-- Валидация форм -->
    <script>
    $(document).ready(function() {
        $("#docs_form").validate({
            rules: {
                name:{
                    required: true,
                    minlength: 2
                },
                email:{
                    required: true,
                    email: true
                },
                phone: {
                    required: true
                }
            },
            errorElement: "em",
            errorClass: "docs_invalid",
            messages: {
                name:{
                    required: "Укажите имя",
                    minlength: jQuery.validator.format("Еще {0} символа")
                },
                email: "Введите email",
                phone: {
                    required: "Укажите телефон",
                    phone: "Заполните поле"
                }
            }
        });

        $("#p_request_form").validate({
            rules: {
                name:{
                    required: true,
                    minlength: 2
                },
                email:{
                    required: true,
                    email: true
                },
                phone: {
                    required: true
                }
            },
            errorElement: "em",
            errorClass: "p_request_invalid",
            messages: {
                name:{
                    required: "Укажите имя",
                    minlength: jQuery.validator.format("Еще {0} символа")
                },
                email: "Введите email",
                phone: {
                    required: "Укажите телефон",
                    phone: "Заполните поле"
                }
            }
        });

        $("#registration_form").validate({
            rules: {
                name:{
                    required: true,
                    minlength: 2
                },
                email:{
                    required: true,
                    email: true
                },
                phone: {
                    required: true
                }
            },
            errorElement: "em",
            errorClass: "registration_invalid",
            messages: {
                name:{
                    required: "Укажите имя",
                    minlength: jQuery.validator.format("Еще {0} символа")
                },
                email: "Введите email",
                phone: {
                    required: "Укажите телефон",
                    phone: "Заполните поле"
                }
            }
        });

        $("#send_request_form2").validate({
            rules: {
                name:{
                    required: true,
                    minlength: 2
                },
                phone: {
                    required: true
                }
            },
            errorElement: "em",
            errorClass: "send_request_invalid",
            messages: {
                name:{
                    required: "Укажите имя",
                    minlength: jQuery.validator.format("Еще {0} символа")
                },
                phone: {
                    required: "Укажите телефон",
                    phone: "Заполните поле"
                }
            }
        });
    });
    /* Маска для телефона */
    $(".phone").mask("+7 (999) 999-99-99");
    </script>   

    <!-- Форма на получение докуметов -->
    <form id="docs_form" class="adaptive-form docs-form">
        <div class="form-header-image">
            <img class="pdf-img" src='img/pdf.png'>
            <button class="modal-dialog__close" id="close" rel="modal:close">×</button>
        </div>
        <div class="content-aligment">
            <div class="form-header" style="font-size: 24px;">
                Получить перечень документов для регистрации вашего оборудования
            </div>
            <div class="form-text">Мы отправим вам .pdf файл со всей необходимой информацией на почту</div>
            <div class="form-item">
                <input type="text" name="name" placeholder="Ваше Имя"><br />
            </div>
            <div class="form-item">
                <input type="email" name="email" placeholder="Ваш email"><br />
            </div>
            <div class="form-item">
                <input type="tel" name="phone" placeholder="Ваш телефон" class="phone"><br />
            </div>
            <button class="btn-hover btn-send color-3" style="width: 100%">ПОЛУЧИТЬ</button>
        </div>
    </form>
    <!-- Форма заявки на регистрацию -->
    <form id="p_request_form" class="adaptive-form p-request-form">
        <div class="content-aligment" style="height: auto;">
                <button class="content-aligment__close modal-dialog__close" id="close" rel="modal:close">×</button>
            <div class="form-header">
                Заявка на регистрацию медоборудования.
            </div>
            <div class="form-text">Вы получите подробную первичную консультацию <b>бесплатно</b>, для уточнения Ваших целей, задач и подбора оптимального пути для получения РУ. Наш эксперт ответит на все интересующие Вас вопросы.</div>
            <div class="form-item">
                <input type="text" name="name" placeholder="Ваше Имя">
            </div>
            <div class="form-item">
                <input type="email" name="email" placeholder="Ваш email">
            </div>
            <div class="form-item">
                <input type="tel" name="phone" placeholder="Ваш телефон" class="phone">
            </div>
            <button class="btn-hover btn-send color-3" style="width: 100%">Получить бесплатную консультацию</button>
        </div>
    </form>
    <!-- Форма на регистрацию -->
    <form id="registration_form" class="adaptive-form registration-form">
        <div class="form-header-image">
            <img class="pdf-img" id="button" src='img/register_button_form.jpg'>
            <button class="content-aligment__close modal-dialog__close" id="close" rel="modal:close">×</button>
        </div>
        <div class="content-aligment">
            <div class="form-header" style="color: #fff">
                Заявка на регистрацию медоборудования.
            </div>
            <div class="form-text" style="color: #85a4b8;">Вы получите подробную первичную консультацию <b>бесплатно</b>, для уточнения Ваших целей, задач и подбора оптимального пути для получения РУ. Наш эксперт ответит на все интересующие Вас вопросы.</div>
            <div class="form-item">
                <input type="text" name="name" placeholder="Ваше Имя">
            </div>
            <div class="form-item">
                <input type="email" name="email" placeholder="Ваш email">
            </div>
            <div class="form-item">
                <input type="tel" name="phone" placeholder="Ваш телефон" class="phone">
            </div>
            <button class="btn-hover btn-send color-3" style="width: 100%">ПОЛУЧИТЬ</button>
        </div>
    </form>

ссылка на сайт http://mytrueblog.site/site/index.html

8
  • jQuery.validator.format("Еще {0} символа") замените на jQuery.format("Еще {0} символа") и так в остальных местах тоже поменяйте
    – InDevX
    24 окт 2019 в 7:28
  • поменял, не помогает ошибки также множатся, а валидация не работает
    – Andrey S
    24 окт 2019 в 7:50
  • Вы сам плагин валидации не подключили судя по всему... Отсюда и ошибка.
    – balamutik
    24 окт 2019 в 8:08
  • <script src="js/jquery.validate.min.js"></script> <script src="js/jquery.maskedinput.min.js"></script> в head
    – Andrey S
    24 окт 2019 в 8:11
  • 1
    Если он не подключёт то другая ошибка, тут на jQuery.validator.format("Еще {0} символа") ругается. Попробуйте так прописать minlength: function () { return jQuery.validator.format("Еще {0} символа") }
    – InDevX
    24 окт 2019 в 8:18

1 ответ 1

1

помог вариант с функцией minlength: function () { return jQuery.validator.format("Еще {0} символа") }

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.