jQuery Validate 检验重置

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();
}

你可能感兴趣的:(#,JavaScript)