jQuery Validate 检验重置

最新推荐文章于 2024-06-29 14:47:07 发布

LitongZero

最新推荐文章于 2024-06-29 14:47:07 发布

阅读量4.3k

点赞数 1

分类专栏： # JavaScript 文章标签： jQuery Validate 检验重置 Validate 检验重置二次打开Validate 检验重置

本文链接：https://blog.csdn.net/LitongZero/article/details/87877474

版权

JavaScript 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

jQuery Validate 检验重置

使用场景

打开表单悬浮窗，进行错误输入(触发remote验证)，关闭表单，再次打开表单悬浮窗，直接提交，此时remote方法不会执行，导致验证失败。

解决方法

在关闭表单`悬浮窗`时，重置`Validate验证`

实例

//注意变量声明写在外面
var = myEditValidate;

myEditValidate = $("#myForm form").validate({
        onkeyup: false,
        focusCleanup: false,
        rules: {
            username: {
                required: true,
                stringCheck: true,
                maxlength: 30,
                remote: {
                    url: "user/checkUsername",
                    type: "post"
                    }
                }
            }
        },
        messages: {
            username: {
                required: "请输入用户名",
                maxlength: "用户名不能超过30个字符",
                remote: "用户已存在"
            }        
        },
        submitHandler: function (form) {
            //
        },
        errorPlacement: function (error, element) {
            //
        }
    });
    
//关闭表单 悬浮窗 执行方法
function(){
  //验证重置方法
  myEditValidate.resetForm();
}