jquery插件之jquery-validation

equalTo方法:

 1 equalTo: function( value, element, param ) {
 2
 3             // Bind to the blur event of the target in order to revalidate whenever the target field is updated
 4             var target = $( param );
 5             if ( this.settings.onfocusout && target.not( ".validate-equalTo-blur" ).length ) {
 6                 target.addClass( "validate-equalTo-blur" ).on( "blur.validate-equalTo", function() {
 7                     $( element ).valid();
 8                 } );
 9             }
10             return value === target.val();
11         },

url验证方法:

1 url: function( value, element ) {
2
3             // Copyright (c) 2010-2013 Diego Perini, MIT licensed
4             // https://gist.github.com/dperini/729294
5             // see also https://mathiasbynens.be/demo/url-regex
6             // modified to allow protocol-relative URLs
7             return this.optional( element ) || /^(?:(?:(?:https?|ftp):)?\/\/)(?:\S+(?::\S*)[email protected])?(?:(?!(?:10|127)(?:\.\d{1,3}){3})(?!(?:169\.254|192\.168)(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)(?:\.(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)*(?:\.(?:[a-z\u00a1-\uffff]{2,})).?)(?::\d{2,5})?(?:[/?#]\S*)?$/i.test( value );
8         },

日期date验证方法:

1 // http://jqueryvalidation.org/date-method/
2         date: function( value, element ) {
3             return this.optional( element ) || !/Invalid|NaN/.test( new Date( value ).toString() );
4         },

十进制数字含小数验证方法:

1 // http://jqueryvalidation.org/number-method/
2         number: function( value, element ) {
3             return this.optional( element ) || /^(?:-?\d+|-?\d{1,3}(?:,\d{3})+)?(?:\.\d+)?$/.test( value );
4         },

整数验证方法:

1 // http://jqueryvalidation.org/digits-method/
2         digits: function( value, element ) {
3             return this.optional( element ) || /^\d+$/.test( value );
4         },

最小长度验证方法:

1 // http://jqueryvalidation.org/minlength-method/
2         minlength: function( value, element, param ) {
3             var length = $.isArray( value ) ? value.length : this.getLength( value, element );
4             return this.optional( element ) || length >= param;
5         },

最大长度验证方法:

1 // http://jqueryvalidation.org/maxlength-method/
2         maxlength: function( value, element, param ) {
3             var length = $.isArray( value ) ? value.length : this.getLength( value, element );
4             return this.optional( element ) || length <= param;
5         },

长度范围验证方法:

1 // http://jqueryvalidation.org/rangelength-method/
2         rangelength: function( value, element, param ) {
3             var length = $.isArray( value ) ? value.length : this.getLength( value, element );
4             return this.optional( element ) || ( length >= param[ 0 ] && length <= param[ 1 ] );
5         },

最小值,最大值,区间值验证方法:

 1 // http://jqueryvalidation.org/min-method/
 2         min: function( value, element, param ) {
 3             return this.optional( element ) || value >= param;
 4         },
 5
 6         // http://jqueryvalidation.org/max-method/
 7         max: function( value, element, param ) {
 8             return this.optional( element ) || value <= param;
 9         },
10
11         // http://jqueryvalidation.org/range-method/
12         range: function( value, element, param ) {
13             return this.optional( element ) || ( value >= param[ 0 ] && value <= param[ 1 ] );
14         },

两个中文字符验证:自定义方法

1 jQuery.validator.addMethod("byteRangeLength", function(value, element, param) {
2     var length = value.length;
3     for(var i = 0; i < value.length; i++){
4         if(value.charCodeAt(i) > 127){
5             length++;
6         }
7     }
8   return this.optional(element) || ( length >= param[0] && length <= param[1] );
9 }, $.validator.format("请确保输入的值在{0}-{1}个字节之间(一个中文字算2个字节)"));

邮政编码验证:自定义方法

1 // 邮政编码验证
2 jQuery.validator.addMethod("isZipCode", function(value, element) {
3     var tel = /^[0-9]{6}$/;
4     return this.optional(element) || (tel.test(value));
5 }, "请正确填写您的邮政编码");

验证提示信息:

 1 messages: {
 2         required: "This field is required.",
 3         remote: "Please fix this field.",
 4         email: "Please enter a valid email address.",
 5         url: "Please enter a valid URL.",
 6         date: "Please enter a valid date.",
 7         dateISO: "Please enter a valid date ( ISO ).",
 8         number: "Please enter a valid number.",
 9         digits: "Please enter only digits.",
10         equalTo: "Please enter the same value again.",
11         maxlength: $.validator.format( "Please enter no more than {0} characters." ),
12         minlength: $.validator.format( "Please enter at least {0} characters." ),
13         rangelength: $.validator.format( "Please enter a value between {0} and {1} characters long." ),
14         range: $.validator.format( "Please enter a value between {0} and {1}." ),
15         max: $.validator.format( "Please enter a value less than or equal to {0}." ),
16         min: $.validator.format( "Please enter a value greater than or equal to {0}." ),
17         step: $.validator.format( "Please enter a multiple of {0}." )
18     },
时间: 2024-08-28 13:56:57

jquery插件之jquery-validation的相关文章

JQuery插件之Jquery.datatables.js用法及api

1.DataTables的默认配置 $(document).ready(function() { $('#example').dataTable(); } ); 示例:http://www.guoxk.com/html/DataTables/Zero-configuration.html 2.DataTables的一些基础属性配置 "bPaginate": true, //翻页功能 "bLengthChange": true, //改变每页显示数据数量 "

jquery插件之jquery.extend和jquery.fn.extend的区别

jquery.extend jquery.extend(),是拓展jquery这个类,即可以看作是jquery这个类本身的静态方法,例如: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/

jQuery插件之jquery editable plugin--点击编辑文字插件

jeditable是一个jquery插件,它的优点是可以就地编辑,并且提交到服务器处理,是一个不可多得的就地编辑插件.(注: 就地编辑,也有称即时编辑?一般的流程是这样的,当用户点击网页上的文字时,该文字就会出现在一个编辑框中,用户对文字进行修改完成后点击提交按钮,新的文本将发送到服务器上,然后表单消失,显示最新编辑的文本.),你可以通过这个演示页面来亲自体验下. 官网:http://www.appelsiini.net/projects/jeditable 基本的使用方法如下: 首先编辑一个

JQuery 插件 chosen.jquery.min.js

导入的文件 chosen.css. chosen.jquery.min.js.jquery.js html: <select class="chosen-select" id="form-field-select" data-placeholder="Choose a State..."> </select> js代码:  $("#form-field-select").html(data);    

自己在项目中写的一个Jquery插件和Jquery tab 功能

后台查询结果 PDFSearchResult实体类: [DataContract(Name = "PDFSearchResult")] public class PDFSearchResult { public PDFSearchResult(string title, string fileUrl) { Title = title; FileUrl = fileUrl; } [DataMember(Name = "title")] public string Ti

241个jquery插件—jquery插件大全

jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team. jQuery是继prototype之后又一个优秀的Javascrīpt框架.其经典的Slogan是“Write Less, Do more”(写更少的代码,做更多的事情).jQuery是轻量级的js库(压缩后只有21k) ,这是其它的js库所不及的,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+). jQue

经典海量jQuery插件

海量的jQuery插件帖,很经典,不知道什么时候开始流传,很早以前就收藏过,为了工作方便还是发了一份放在日志里面. 其中有些已经无法访问,或许是文件移除,或许是被封锁.大家分享的东西,没什么特别的可说的,唯有感谢无私分享的人们. 猫嗔提醒大家在使用的时候注意jQuery包的版本问题,最好是使用相同的版本,因为使用了高版本很有可能出现或多或少的问题.并且其中英文插件在转换成中文时注意编码,推荐utf-8. jQuery插件-文件上传(File upload)Ajax File Upload.jQU

jquery插件集合

jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team. jQuery是继prototype之后又一个优秀的Javascrīpt框架.其经典的Slogan是“Write Less, Do more”(写更少的代码,做更多的事情).jQuery是轻量级的js库(压缩后只有21k) ,这是其它的js库所不及的,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+). jQue

转 jquery插件--241个jquery插件—jquery插件大全

241个jquery插件—jquery插件大全 jquery插件jqueryautocompleteajaxjavascriptcoldfusion jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team. jQuery是继prototype之后又一个优秀的Javascrīpt框架.其经典的Slogan是“Write Less, Do more”(写更少的代码,做更多的事情).jQuery是轻量级的js库(压缩后只有21k) ,这是其它

Web开发者必备的20款超赞jQuery插件(转载)

jQuery的易扩展性吸引了来自全球的开发者来共同编写jQuery插件.jQuery插件不仅能够增强网站的可用性,有效地改善用户体验,还可以大大减少开发时间.现在的jQuery插件很多,可以根据您的项目需要来选择.这里为您介绍20款非常不错的插件. Creative Radical Web Typography Lettering.js是一个轻量经的.易于使用的jQuery插件,可创造出极具个性的网页排版,是2010年最佳jQuery插件之一. 演示 | 下载 New FancyMoves Jq