JQuery Validate-Validator对象

validate 方法返回一个 Validator 对象。Validator 对象有很多方法可以用来引发校验程序或者改变 form 的内容,下面列出几个常用的方法。
这里写图片描述

meta String 方式

将验证规则写在了控件中

$("#myform").validate({

   meta:"validate",

   submitHandler:function() { 
alert("Submitted!") }

})
<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="email" class="{validate:{ required:true,email:true }}" />

  <input type="submit" 
value="Submit" />

</form>

三种验证方式

配置对象

{
    errorClass: "error",              // 消息错误提示容器,验证未通过的表单元素的的className
    validClass: "valid",              // 验证通过的表单元素的的className
    errorElement: "label",            // 消息错误提示容器的的tagName
    wrapper: element.tagName,         // 只能是一个标签名,如:div, strong ...,将会创建一个div元素包裹 错误消息提示的label元素
    errorLabelContainer: selector,    // 如果表单验证不通过,所有错误消息提示的label元素都会插入到该元素中

    debug: true,                     // 为true将会 阻止表单提交,但会验证表单控件
    ignore: ':hidden',                // 将会忽略选择器匹配的所有表单元素的验证
    submitHandler: function(){        // 表单提交时,将会触发这个函数,如果存在该函数,将会阻止表单提交

    },
    invalidHandler: function(){       // 如果表单验证不通过,将会触发这个函数

    }
}

validator 对象

validate方法返回Validator对象,Validator对象有很多种有用的方法:

  • Validator.form()验证表单是否有效,返回true/false
  • Validator.element(element)验证某个元素是否有效,返回true/false
  • Validator.resetForm()把表单恢复到验证前原来的状态
  • Validator.showErrors(errors)针对某个元素显示特定的错误信息
  • Validator.numberOfInvalids()返回无效元素数量

Validator对象还有很多有用的静态方法,可以直接使用:

jQuery.validator.addMethod(name,method[,message])

增加自定义的验证方法

jQuery.validator.format(template,argument,argumentN...)

格式化字符串,用参数代替模板中的{n}

jQuery.validator.setDefaults(option)修改插件默认设置

jQuery.validator.addClassRules(name,rules)
js-validator 是 Laravel 风格的 JavaScript 对象验证库。使用 js-validator 来验证对象或者 JSON 是否符合规则非常方便,而且具有很好的可扩展性。举个例子var example = {       text: 'Hello world!',       date: '2015-07-07',       comments: null,     },     rules = {       text: 'required|string',       date: 'date|date_format:yyyy-MM-dd',       comments: 'integer',     }; console.log(Validator.validate(example, rules)); // => Object {status: "failed", field: "comments", rule: "integer"}基本用法引入validator.js(原生JavaScript)[removed] [removed]或[removed] [removed]初始化(非原生JavaScript)Node.jsnpm install ppoffice/js-validator --savevar validator = require('js-validator');RequireJSrequirejs(["../src/validator"], function(validator) {   ... });Sea.jsdefine(function (require, exports, module) {   var validator = require('./validator');   ... });制定验证规则对于同一个对象属性,你可以并列制定几个不同的规则进行限定,使用|作为不同规则间的分割符。var rules = {   text: 'required|string',   date: 'date|date_format:yyyy-MM-dd',   comments: 'integer', };验证validator.validate(object_to_be_tested, rules);如果待验证对象符合规则,validate函数返回true;否则返回带有验证状态、失败的属性和对应失败的规则信息的对象。添加验证器使用add方法为Validator添加验证器,第一个参数为验证器名称,第二个参数为验证方法,可以为正则表达式对象或者函数。当验证方法为函数时,其第一个参数必须为当前验证域的值,后面的参数根据需求而定,验证成功时结果返回true。validator.add('older_than', function (value, age) {   return value > age; });var rules = {   age: 'integer|older_than:17', };可用的验证规则验证规则规则含义accepted验证域必须为yes、on、1、或者true。 这个规则常用语验证“同意使用条款”表单。after:date验证的日期域的日期必须在指定日期之后。alpha验证域必须由纯英文字符组成。alpha_dash验证域必须由英文字符、数字、中划线或者下划线组成。alpha_num验证域必须由英文字符或者数字组成。array验证域必须为数组对象。before:date验证的日期域的日期必须在给定日期之前。between:min,max验证域的值必须在min和max之间,验证域可以是数字或者字符串。boolean验证域的值可以看作是布尔值,可以是true,false,1,0,"1","0",'1' and '0'。date验证域必须为日期字符串形式,可以被Date.parse方法解析。date_format:format验证域必须符合制定的日期格式,允许的日期格式参照源代码中的dateFormat方法。different:field验证域的值必须域指定域的值不同。digits:value验证域必须为数字,且其位数为给定的位数。digits_between:min,max验证域必须为数字,且其位数在min和max之间。email验证域必须为电子邮件地址格式。in:foo,bar,...验证域的值必须在给定的允许值列表中。integer验证值必须为整数。ip验证值必须为IP地址形式(支持IPv4与IPv6)。max:value验证域的值必须小于等于max,验证域可以是数字或者字符串。mimes:foo,bar,...验证值的扩展名必须在给定的扩展名列表中。min:value验证域的值必须大于等于min,验证域可以是数字或者字符串。not_in:foo,bar,...验证域的值必须不在给定的值列表中。numeric验证域必须为数字。regex验证域必须符合指定的正则表达式(JavaScript风格)。required验证域必须存在。required_if:field,value,...如果给定的域的值等于给定的值,验证域必须存在。这里的条件可以是多个域和值,它们之间的关系为“与”。required_with:foo,bar,...如果给定的域之中任何一个存在的话,验证域必须存在。required_with_all:foo,bar,...仅当所有给定的域存在时,验证域必须存在。required_without:foo,bar,...如果给定的域之中任何一个不存在的话,验证域必须存在。required_without_all:foo,bar,...仅当所有给定的所有域都不存在时,验证域必须存在。same验证域的值必须域指定域的值相同。size:value验证域的大小必须等于指定大小。对于字符串来说,验证域的字符串长度必须等于给定长度。对于数字来说,验证域的值必须等于给定值。string验证域必须为字符串。url验证域必须为URL地址。当前不支持含有非英文(中文等)字符的地址。测试文件入口./test/index.html     原生JavaScript支持测试./test/node.js        Node.js支持测试./test/requirejs.html RequireJS支持测试./test/seajs.html Sea.js支持测试 标签:jsvalidator
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值