jQuery Validation Plugin API

标签: jQuery Validation
4人阅读 评论(0) 收藏 举报
分类:

jQuery Validation Plugin API

添加自定义验证方法

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

  1. name 字符串,用于标识这个方法,必须是合法的javascript标识符
  2. method 函数,提供具体的验证逻辑,当元素验证通过时返回true,该函数有三个参数,第一个参数为当前元素的值,第二个参数为当前验证的元素,第三个参数为参数对象
    • value 字符串,当前被验证元素的值
    • element 元素,当前被验证的元素
    • parameters 对象,为验证逻辑提供参数
  3. message 字符串,当验证不通过时默认的提示信息

官方例子

jQuery.validator.addMethod("math", function(value, element, params) {
  return this.optional(element) || value == params[0] + params[1];
}, jQuery.validator.format("Please enter the correct value for {0} + {1}"));
$.validator.addMethod( "pattern", function( value, element, param ) {
    if ( this.optional( element ) ) {
        return true;
    }
    if ( typeof param === "string" ) {
        param = new RegExp( "^(?:" + param + ")$" );
    }
    return param.test( value );
}, "Invalid format." );

动态设置验证规则

.rule( command, argument )

  1. command 字符串,值为"add""remove""add"表示新增规则,"remove"表示移除规则
  2. argument 对象,当command的值为add时,argument为待新增规则的键值对,当command的值为remove时,argument为待移除的规则名,多个规则用空格隔开

官方例子

$( "#myinput" ).rules( "add", {
  required: true,
  minlength: 2,
  messages: {
    required: "Required input",
    minlength: jQuery.validator.format("Please, at least {0} characters are necessary")
  }
});

移除该元素上的所有静态规则

$( "#myinput" ).rules( "remove" );

从该元素上移除指定的验证规则

$( "#myinput" ).rules( "remove", "min max" );

此方法可用于同一个表单根据提交状态的不同而进行不同的验证。
实际遇到的需求
新增界面有两个提交按钮,一个是保存按钮,另一个是保存并提交按钮,保存后仍可编辑,提交后不可编辑,这两个按钮在保存时验证的字段不一致,需要动态调整验证规则。

查看评论

学习总结:jQuery插件——Validation Plugin

本周的任务计划是学习并使用一款jQuery插件,所以在慕课网上找到了这个关于客户端表单验证的插件。插件简介:Validation插件是最常用的插件之一,客户端表单验证是现代网站经常采用的方式,可以减少...
  • lz233333
  • lz233333
  • 2016-09-29 17:07:55
  • 671

jQuery验证控件 Validation Plugin - v1.14.0汉化及附带案例

  • 2015年08月27日 21:48
  • 39KB
  • 下载

jQuery Validation Plugin验证插件手动验证

jQuery Validation Plugin官网:http://jqueryvalidation.org/ 正常的验证模式如下: ... $('#ff').validate()这...
  • thc1987
  • thc1987
  • 2016-01-26 08:57:33
  • 1720

JQuery validation plugin学习资料

  • 2009年09月23日 08:12
  • 543KB
  • 下载

jQuery Validation Plugin 1.11.1 插件自定义错误信息提示位置

return $("#fileForm").validate({                           errorPlacement : function(error, element...
  • liuvlun
  • liuvlun
  • 2015-03-19 09:51:46
  • 442

jquery validation 支持zepto

  • 2015年03月25日 00:54
  • 57KB
  • 下载

jQuery Validation Plugin

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦: Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和...
  • fangyaopeng
  • fangyaopeng
  • 2017-11-25 17:41:50
  • 32

jquery validation plugin

jquery validation plugin
  • xinyuan_java
  • xinyuan_java
  • 2016-03-04 15:58:26
  • 258

jquery插件-Validation,Ajax全接触

jquery插件-Validation 1、基本验证方法 【required必填,remote远程效验,minlength最小长度,maxlength最大长度,rangelength长度范围,mi...
  • baidu_35738377
  • baidu_35738377
  • 2017-02-05 09:51:25
  • 461

jQuery插件jQuery Validation学习(三)——validator对象

获取validator对象的方法如下(在之前的表单校验函数中,其实就返回这个对象,所以直接接收这个值即可): //获得validator对象 validator = $("#demoFo...
  • u014520745
  • u014520745
  • 2016-01-31 00:49:03
  • 564
    个人资料
    持之以恒
    等级:
    访问量: 1万+
    积分: 1017
    排名: 4万+