jquery.validate.js API (HappyCZX 整理 ) 名称返回类型描述 validate(options) 返回 :Validator 验证所选的 FORM valid() 返回 :Boolean 检查是否验证通过 rules() 返回 :Options 返回元素的验证规则

Size: px

Start display at page:

Download "jquery.validate.js API (HappyCZX 整理 ) 名称返回类型描述 validate(options) 返回 :Validator 验证所选的 FORM valid() 返回 :Boolean 检查是否验证通过 rules() 返回 :Options 返回元素的验证规则"

窟赵
5 years ago
Views:

1 jquery.validate.js API (HappyCZX 整理 ) 名称返回类型描述 validate(options) 返回 :Validator 验证所选的 FORM valid() 返回 :Boolean 检查是否验证通过 rules() 返回 :Options 返回元素的验证规则 rules("add",rules) 返回 :Options 增加验证规则 rules("remove",rules) 返回 :Options 删除验证规则 removeattrs(attributes) 返回 :Options 删除特殊属性并且返回他们 Custom selectors :blank 返回 :Validator 没有值的筛选器 :filled 返回 :Array <Element > 有值的筛选器 :unchecked 返回 :Array <Element > 没选择的元素的筛选器 Utilities jquery.format (template,argument,argumentn...) 返回 :String 用参数代替模板中的 {n Validator: validate 方法返回一个 Validator 对象, 它有很多方法, 让你能使用引发校验程序或者改变 form 的内容. validator 对象有很多方法, 但下面只是列出常用的 form() 返回 :Boolean 验证 form 返回成功还是失败 element(element) 返回 :Boolean 验证单个元素是成功还是失败 resetform() 返回 :undefined 把前面验证的 FORM 恢复到验证前原来的状态 showerrors(errors) 返回 :undefined 显示特定的错误信息 Validator functions: setdefaults(defaults) addmethod(name,method,message) addclassrules(name,rules) addclassrules(rules) 返回 :undefined 改变默认的设置返回 :undefined 添加一个新的验证方法. 必须包括一个独一无二的名字, 一个 JAVASCRIPT 的方法和一个默认的信息返回 :undefined 增加组合验证类型在一个类里面用多种验证方法里比较有用返回 :undefined 增加组合验证类型在一个类里面用多种验证方法里比较有用, 这个是一下子加多个内置验证方式 :

2 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 设置最小值 () 返回 :Boolean 验证电子邮箱格式 range(range) 返回 :Boolean 设置值的范围 url() 返回 :Boolean 验证 URL 格式 date() 返回 :Boolean 验证日期格式 ( 类似 30/30/2008 的格式, 不验证日期准确性只验证格式 ) dateiso() 返回 :Boolean 验证 ISO 类型的日期格式 datede() 返回 :Boolean 验证德式的日期格式 ( or ) number() 返回 :Boolean 验证十进制数字 ( 包括小数的 ) digits() 返回 :Boolean 验证整数 creditcard() 返回 :Boolean 验证信用卡号 accept(extension) 返回 :Boolean 验证相同后缀名的字符串 equalto(other) 返回 :Boolean 验证两个输入框的内容是否相同 phoneus() 返回 :Boolean 验证美式的电话号码 validate () 的可选项 : debug: 进行调试模式 ( 表单不提交 ): $(".selector").validate ({ 把调试设置为默认 : submithandler: 通过验证后运行的函数, 里面要加上表单提交的函数, 否则表单不会提交 $.validator.setdefaults({ submithandler:function(form) { $(form).ajaxsubmit();

3 ignore: 对某些元素不进行验证 rules: 自定义规则,key:value 的形式,key 是要验证的元素,value 可以是字符串或对象 messages: 自定义的提示信息 key:value 的形式 key 是要验证的元素, 值是字符串或函数 groups: 对一组元素的验证, 用一个错误提示, 用 error Placement 控制把出错信息放在哪里 Onubmit Boolean 默认 :true 是否提交时验证 ignore:".ignore" rules:{ name:"required", { required:true, true rules:{ name:"required", { required:true, true, messages:{ name:"name 不能为空 ", { required:" 不能为空 ", " 地址不正确 " groups:{ username:"fname lname", errorplacement:function(error,element) { if (element.attr("name") == "fname" element.attr("name") == "lname") error.insertafter("#lastname"); else error.insertafter(element);, onsubmit:false

4 onfocusout Boolean 默认 :true 是否在获取焦点时验证 onkeyup Boolean 默认 :true 是否在敲击键盘时验证 onclick Boolean 默认 :true 是否在鼠标点击时验证 ( 一般验证 checkbox,radiobox) focusinvalid Boolean 默认 :true 提交表单后, 未通过验证的表单 ( 第一个或提交之前获得焦点的未通过验证的表单 ) 会获得焦点 focuscleanup Boolean 默认 :false 当未通过验证的元素获得焦点时, 并移除错误提示 ( 避免和 focusinvalid. 一起使用 ) errorclass String 默认 :"error" 指定错误提示的 css 类名, 可以自定义错误提示的样式 errorelement String 默认 :"label" 使用什么标签标记错误 wrapper String 使用什么标签再把上边的 errorelement 包起来 errorlabelcontainer Selector 把错误信息统一放在一个容器里面 onfocusout:false onkeyup:false onclick:false focusinvalid:false focuscleanup:true errorclass:"invalid" $(".selector").validate errorelement:"em" wrapper:"li" errorlabelcontainer:"#messagebox", wrapper:"li", submithandler:function() { alert("submitted!") showerrors: 跟一个函数, 可以显示总共有多少个未通过验证的元素 errorplacement: 跟一个函数, 可以自定义错误放到哪里 showerrors:function(errormap,errorlist) { $("#summary").html("your form contains " + this.numberofinvalids() + " errors,see details below."); this.defaultshowerrors(); rrorplacement:function(error,element) { error.appendto(element.parent("td").next("td") );

5 , success: 要验证的元素通过验证后的动作, 如果跟一个字符串, 会当做一个 css 类, 也可跟一个函数 highlight: 可以给未通过验证的元素加效果, 闪烁等 success:"valid", submithandler:function() { alert("submitted!") addmethod(name,method,message) 方法 : 参数 name 是添加的方法的名字参数 method 是一个函数, 接收三个参数 (value,element,param) value 是元素的值,element 是元素本身 param 是参数, 我们可以用 addmethod 来添加除 built-in Validation methods 之外的验证方法比如有一个字段, 只能输一个字母, 范围是 a-f, 写法如下 : $.validator.addmethod("af",function(value,element,params){ if(value.length>1){ return false; if(value>=params[0] && value<=params[1]){ return true; else{ return false;," 必须是一个字母, 且 a-f"); 用的时候, 比如有个表单字段的 id="username", 则在 rules 中写 username:{ af:["a","f"] addmethod 的第一个参数, 就是添加的验证方法的名子, 这时是 af addmethod 的第三个参数, 就是自定义的错误提示, 这里的提示为 :" 必须是一个字母, 且 a-f" addmethod 的第二个参数, 是一个函数, 这个比较重要, 决定了用这个验证方法时的写法如果只有一个参数, 直接写, 如果 af:"a", 那么 a 就是这个唯一的参数, 如果多个参数, 用在 [] 里, 用逗号分开 meta String 方式 : meta:"validate", submithandler:function() { alert("submitted!")

6 <script type="text/javascript" src="js/jquery.metadata.js"></script> <script type="text/javascript" src="js/jquery.validate.js"></script> <form id="myform"> <input type="text" name=" " class="{validate:{ required:true, true " /> <input type="submit" value="submit" /> </form>

C++ 程序设计告别 OJ1 - 参考答案 MASTER 2019 年 5 月 3 日 1

C++ 程序设计告别 OJ1 - 参考答案 MASTER 2019 年 5 月 3 日 1 C++ 程序设计告别 OJ1 - 参考答案 MASTER 2019 年月 3 日 1 1 INPUTOUTPUT 1 InputOutput 题目描述用 cin 输入你的姓名 ( 没有空格 ) 和年龄 ( 整数 ), 并用 cout 输出输入输出符合以下范例输入 master 999 输出 I am master, 999 years old. 注意 "," 后面有一个空格,"." 结束,

jquery.validate.js API (HappyCZX 整理 ) 名称 返回类型 描述 validate(options) 返回 :Validator 验证所选的 FORM valid() 返回 :Boolean 检查是否验证通过 rules() 返回 :Options 返回元素的验证规则

jquery.validate.js API (HappyCZX 整理 ) 名称返回类型描述 validate(options) 返回 :Validator 验证所选的 FORM valid() 返回 :Boolean 检查是否验证通过 rules() 返回 :Options 返回元素的验证规则