Проверка сообщения формы JQuery

0

Я пытаюсь выполнить валидацию для этой формы и, по большей части, она работает. Проблема возникает только тогда, когда я пишу что-то в поле ввода "Сообщение" и нажимаю "Отправить". Вместо того, чтобы препятствовать отправке формы, представляется форма.

После отправки в консоли Chrome я вижу следующее: "Невозможно прочитать свойство" вызов "неопределенного jquery.validate.min.js"

var $taskForm = $("#task-form").validate({
        // Rules for form validation
        rules : {
            name : {
                required : true
            },
            'assign[]' : {
                required : true
            },
            checkin : {
                required : true
            },
            start : {
                required : true
            },
            completion : {
                required : true

            },
            message : {
                required : true,
                maxLength: 200,
                minlength : 10
            }
        },

        // Messages for form validation
        messages : {
            name : {
                required : 'Please enter a name for this task',
            },
            'assign[]' :{
                required : 'Please choose someone to assign this task to',
            },
            checkin : {
                required : 'Please choose a date',
            },
            completion : {
                required : 'Please choose a date',
            },
            message : {
                required : 'Please enter a description for the task'
            }
        },

        // Ajax form submition
        submitHandler : function(form) {
            $(form).ajaxSubmit({
                success : function() {
                    $("#task-form").addClass('submited');
                }
            });
        }


    });
  • 0
    Вы не забыли включить плагин формы jquery? ajaxSubmit не является частью библиотеки jquery. jquery.malsup.com/form/#getting-started
  • 0
    Используйте несжатую версию jquery.validate и отладьте код. Включить «разбить на исключения» (знак паузы в окружении). Это должно дать вам ключ к решению проблемы.
Показать ещё 2 комментария
Теги:
validation
forms

1 ответ

0

У вас есть синтаксические ошибки, у вас не должно быть запятой в конце ваших необходимых сообщений.

var $taskForm = $("#task-form").validate({
        // Rules for form validation
        rules : {
            name : {
                required : true
            },
            'assign[]' : {
                required : true
            },
            checkin : {
                required : true
            },
            start : {
                required : true
            },
            completion : {
                required : true

            },
            message : {
                required : true,
                maxLength: 200,
                minlength : 10
            }
        },

        // Messages for form validation
        messages : {
            name : {
                required : 'Please enter a name for this task'
            },
            'assign[]' :{
                required : 'Please choose someone to assign this task to'
            },
            checkin : {
                required : 'Please choose a date'
            },
            completion : {
                required : 'Please choose a date'
            },
            message : {
                required : 'Please enter a description for the task'
            }
        },

        // Ajax form submition
        submitHandler : function(form) {
            $(form).ajaxSubmit({
                success : function() {
                    $("#task-form").addClass('submited');
                }
            });
        }


    });
  • 0
    Я внес изменения ... однако код все еще не работает :(

Ещё вопросы

Сообщество Overcoder
Наверх
Меню