JQuery表单消息验证
JQuery Form Message Validation
我正在尝试验证此表单的工作,并且在大多数情况下它都在工作。问题的出现仅仅是当我在"消息"输入字段中写了一些东西并单击提交时。不阻止提交表格,而是提交表格。
在Chrome控制台中提交后,我可以看到以下内容:"无法读取未定义的jquery.validate.min.js的属性'call'"
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');
}
});
}
});
相关文章:
- 可以't识别验证消息的源代码
- Jquery验证消息更改(自定义消息集)
- 如何使用 javascript 警报窗口显示验证消息
- RadEditor 验证消息仅在回发后发送
- 尝试使用Angular.js显示验证消息时出错
- 表单验证消息(使用jQuery验证插件)
- javascript form validaton, 验证消息 快速消失.
- 重置表单后未删除验证消息
- 显示Javascript表单验证消息
- Angular.js验证消息未显示
- 如何一起显示验证消息
- Kendo UI网格自定义验证消息
- 在屏幕上显示 JavaScript 验证消息,而不是警报消息
- 钩子 jQuery 验证消息更改
- 如何在 mvc 中更改验证消息的样式
- Yii2 - i18n 表示 js 验证消息中的 {属性}
- 角度验证消息不适用于 ng-show 和两个输入
- 如何使用 jquery 清除单个验证消息
- 如何在登录验证中自定义验证消息位置
- 显示基于多个条件的带有 ng 消息的验证消息