jquery.validate清除表单的验证结果

举报
别团等shy哥发育 发表于 2023/03/03 00:20:16 2023/03/03
【摘要】 @[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

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。