@nanotuk

Почему не работает validate в модальном окне?

Есть модальное окно с формой внутри привязана с валидация, когда нажимаю кнопку id="submitUpdate" форма отправляется в js для проверки, но $('#formUpdate').validate не срабатывает в чем может быть проблема? 2 день мучаюсь с данной проблемой.

Использую web fraemwork materializecss
библиотека validate.js

div id="modalEdit" class="modal">
    <div class="modal-content">
        <h4>Изменить данные</h4>
        <form class="col s6" id="formUpdate" name="formUpdate"> 
            <!--Name-->
            <div class="input-field col s12">
                <i class="material-icons prefix">local_library</i>
                <input id="name_up" name="name_up" value=" " type="text" class="validate">
                <label id="name_up_error" for="name_up">Name</label>
                <span class="helper-text"><label id="name_up-error" class="error" for="name_up"></label></span>
            </div>
            <!--Description-->
            <div class="input-field col s12">
                <i class="material-icons prefix">radio_button_unchecked</i>
                <textarea id="description_up" name="description_up"  class="materialize-textarea validate" data-length="500"> </textarea>
                <label id="description_up_error" for="description_up">Description</label>
                <span class="helper-text"><label id="description_up-error" class="error" for="description_up"></label></span>
            </div>
            <div class="modal-footer">
                <a class="modal-close waves-effect waves-green btn-flat">Не согласен</a>
                <button class="btn waves-effect waves-light light-blue darken-2" id="submitUpdate" type="submit" name="add_submit">Entry
                    <i class="material-icons right">send</i>
                </button>
            </div>
        </form>
    </div>
</div>


$('#formUpdate').submit(function(){
     if($("#formUpdate").valid()){
            var formDate = new FormData(this);
            formDate.append('editFormDate', 'Edit');
            for(var pair of formDate.entries()) {
                console.log(pair[0]+ ', '+ pair[1]);
            }
        return false;
    }
});


$('#submitUpdate').on('click', function () {
            alert(2);
            $('#formUpdate').validate({
                rules: {
                    name_up: {
                        required: true,
                        maxlength: 50,
                        minlength: 3
                    },
                    description_up: {
                        required: true,
                        maxlength: 500,
                        minlength: 3
                    }
                },
                messages: {
                    name_up: {
                        required: "Поле 'Name' обязательно к заполнению",
                        maxlength: "Введите не больше 50-ти символов в поле 'Name'",
                        minlength: "Введите не меньше 3-го символов в поле 'Name'"
                    },
                    description_up: {
                        required: "Поле 'Description' обязательно к заполнению",
                        maxlength: "Введите не больше 500-от символов в поле 'Description'",
                        minlength: "Введите не меньше 3-ех символов в поле 'Description'"
                    }
                }
            });
        });
  • Вопрос задан
  • 50 просмотров
Решения вопроса 1
@nanotuk Автор вопроса
решил эту проблему. Не правильно разместил модальное окно из-за этого валидатор не видел его.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы