jquery.validate清除表单的验证结果
【摘要】 @[toc] 发现bug:jquery.validate无法清除同表单的上次验证结果,如下: 分析bug:查阅官方文档之后,观察validate的返回类型,可以发现validate 方法返回一个 Validator 对象。名称返回类型描述validate(options)Validator验证所选的FormValidator 对象有很多方法可以用来引发校验程序或者改变 form 的内容,下面...
@[toc]
发现bug:
jquery.validate无法清除同表单的上次验证结果,如下:
分析bug:
查阅官方文档之后,观察validate的返回类型,可以发现validate 方法返回一个 Validator 对象。
名称 | 返回类型 | 描述 |
---|---|---|
validate(options) | Validator | 验证所选的Form |
Validator 对象有很多方法可以用来引发校验程序或者改变 form 的内容,下面列出几个常用的方法。 | ||
名称 | 返回类型 | 描述 |
– | – | – |
form() | Boolean | 验证form返回成功还是失败 |
element(element) | Boolean | 验证单个元素是成功还是失败 |
resetForm() | undefined | 把前面验证的Form恢复到验证前的状态 |
showErrors(errors) | undefined | 显示特定的错误信息 |
我们可以利用上面的resetForm()函数清空上次表单的验证结果 |
解决bug:
var validate='';
function vform(dom,func) {
validate=$('#'+dom).validate({
rules: {
snoAllocation: {
required: true
},
statusAllocation1:{
equalTo:'#statusAllocation'
},
"dormInfo.id":{
required:true
}
},
messages:{
snoAllocation:{
required:'请选择要分配的学生'
},
statusAllocation1:{
equalTo:'该宿舍已住满'
},
"dormInfo.id":{
required:'请选择院系'
}
},
submitHandler:function () {
func();
}
});
//下面这句代码加在你代码合适的地方,不一定非要放在这里
validate.resetForm();
}
【声明】本内容来自华为云开发者社区博主,不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)