当前位置:K88软件开发文章中心编程语言JavaScriptJS01 → 文章内容

jQuery Validate

减小字体 增大字体 作者:佚名  来源:网上搜集  发布时间:2019-1-11 3:19:08

ptions增加验证规则。rules("remove",rules)Options删除验证规则。removeAttrs(attributes)Options删除特殊属性并且返回它们。自定义选择器:





blankValidator没有值的筛选器。:





filledArray <Element>有值的筛选器。:





uncheckedArray <Element>没选择的元素的筛选器。实用工具jQuery.format(template,argument,argumentN...)String用参数代替模板中的 {n}。Validatorvalidate 方法返回一个 Validator 对象。Validator 对象有很多方法可以用来引发校验程序或者改变 form 的内容,下面列出几个常用的方法。名称返回类型描述form()Boolean验证 form 返回成功还是失败。element(element)Boolean验证单个元素是成功还是失败。resetForm()undefined把前面验证的 FORM 恢复到验证前原来的状态。showErrors(errors)undefined显示特定的错误信息。Validator 函数setDefaults(defaults)undefined改变默认的设置。addMethod(name,method,message)undefined添加一个新的验证方法。必须包括一个独一无二的名字,一个 JAVASCRIPT 的方法和一个默认的信息。addClassRules(name,rules)undefined增加组合验证类型,在一个类里面用多种验证方法时比较有用。addClassRules(rules)undefined增加组合验证类型,在一个类里面用多种验证方法时比较有用。这个是同时加多个验证方法。内置验证方式名称返回类型描述required()Boolean必填验证元素。required(dependency-expression)Boolean必填元素依赖于表达式的结果。required(dependency-callback)Boolean必填元素依赖于回调函数的结果。remote(url)Boolean请求远程校验。url 通常是一个远程调用方法。minlength(length)Boolean设置最小长度。maxlength(length)Boolean设置最大长度。rangelength(range)Boolean设置一个长度范围 [min,max]。min(value)Boolean设置最小值。max(value)Boolean设置最大值。email()Boolean验证电子邮箱格式。range(range)Boolean设置值的范围。url()Boolean验证 URL 格式。date()Boolean验证日期格式(类似 30/30/2008 的格式,不验证日期准确性只验证格式)。dateISO()Boolean验证 ISO 类型的日期格式。dateDE()Boolean验证德式的日期格式(29.04.1994 或 1.1.2006)。number()Boolean验证十进制数字(包括小数的)。digits()Boolean验证整数。creditcard()Boolean验证信用卡号。accept(extension)Boolean验证相同后缀名的字符串。equalTo(other)Boolean验证两个输入框的内容是否相同。phoneUS()Boolean验证美式的电话号码。validate ()的可选项描述代码debug:进行调试模式(表单不提交)。$(".selector").validate({    debug:





true})把调试设置为默认。$.validator.setDefaults({    debug:





true})submitHandler:通过验证后运行的函数,里面要加上表单提交的函数,否则表单不会提交。$(".selector").validate({    submitHandler:





function(form) {        $(form).ajaxSubmit();    }})ignore:对某些元素不进行验证。$("





#myform").validate({    ignore:





".ignore"})rules:自定义规则,key:





value 的形式,key 是要验证的元素,value 可以是字符串或对象。$(".selector").validate({    rules:





{        name:





"required",        email:





{            required:





true,            email:





true        }    }})messages:自定义的提示信息,key:





value 的形式,key 是要验证的元素,value 可以是字符串或函数。$(".selector").validate({    rules:





{        name:





"required",        email:





{            required:





true,            email:





true        }    },    messages:





{        name:





"Name不能为空",        email:





{             required:





"E-mail不能为空",            email:





"E-mail地址不正确"        }    }})groups:对一组元素的验证,用一个错误提示,用 errorPlacement 控制把出错信息放在哪里。$("





#myform").validate({    groups:





{        username:





"fname         lname"    },    errorPlacement:





function(error,element) {        if (element.attr("name") == "fname" || element.attr("name") == "lname")             error.insertAfter("





#lastname");        else             error.insertAfter(element);    }, debug:





true})OnSubmit:类型 Boolean,默认 true,指定是否提交时验证。$(".selector").validate({     onsubmit:





false})onfocusout:类型 Boolean,默认 true,指定是否在获取焦点时验证。$(".selector").validate({     onfocusout:





false})onkeyup:类型 Boolean,默认 true,指定是否在敲击键盘时验证。$(".selector").validate({ onkeyup:





false})onclick:类型 Boolean,默认 true,指定是否在鼠标点击时验证(一般验证 checkbox、radiobox)。$(".selector").validate({ onclick:





false})focusInvalid:类型 Boolean,默认 true。提交表单后,未通过验证的表单(第一个或提交之前获得焦点的未通过验证的表单)会获得焦点。$(".selector").validate({ focusInvalid:





false})focusCleanup:类型 Boolean,默认 false。当未通过验证的元素获得焦点时,移除错误提示(避免和 focusInvalid 一起使用)。$(".selector").validate({ focusCleanup:





true})errorClass:类型 String,默认 "error"。指定错误提示的 css 类名,可以自定义错误提示的样式。$(".selector").validate({     errorClass:





"invalid"})errorElement:类型 String,默认 "label"。指定使用什么标签标记错误。$(".selector").validate errorElement:





"em"})wrapper:类型 String,指定使用什么标签再把上边的 errorELement 包起来。$(".selector").validate({ wrapper:





"li"})errorLabelContainer:类型 Selector,把错误信息统一放在一个容器里面。$("





#myform").validate({     errorLabelContainer:





"





#messageBox",    wrapper:





"li",    submitHandler:





function() {         alert("Submitted!")     }})showErrors:跟一个函数,可以显示总共有多少个未通过验证的元素。$(".selector").validate({     showErrors:





function(errorMap,errorList) { $("





#summary").html("Your form contains " + this.numberOfInvalids() + " errors,see details below.");        this.defaultShowErrors();    }})errorPlacement:跟一个函数,可以自定义错误放到哪里。$("





#myform").validate({     errorPlacement:





function(error,element) {         error.appendTo(element.parent("td").next("td")); }, debug:





true})success:要验证的元素通过验证后的动作,

上一页  [1] [2] [3] [4] [5]  下一页


jQuery Validate