Я пытаюсь выполнить валидацию для этой формы и, по большей части, она работает. Проблема возникает только тогда, когда я пишу что-то в поле ввода "Сообщение" и нажимаю "Отправить". Вместо того, чтобы препятствовать отправке формы, представляется форма.
После отправки в консоли 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');
}
});
}
});
У вас есть синтаксические ошибки, у вас не должно быть запятой в конце ваших необходимых сообщений.
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');
}
});
}
});