jQuery validator自定义

项目中接触到validator,记录下 jQuery.validator.addMethod("isStrongPwd", function(value, element){ var modes = 0; //正则表达式验证符合要求的 if (/\d/.test(value)) modes++; //数字 if (/[a-z]/.test(value)) modes++; //小写 if (/[A-Z]/.test(value)) modes++; //大写 if (/\W/.test…

Nice Jquery Validator 自定义规则

规则定义方式 (1). 正则适用于使用单个正则能搞定的验证. // 使用数组包裹正则和错误消息,规则不通过时提示该消息 mobile: [/^1[3458]\d{9}$/, '请检查手机号格式'] // 或者,直接定义正则,需要另外定义错误消息,否则提示默认消息 mobile: /^1[3458]\d{9}$/ (2). 函数函数方式具有最大的灵活性,搞定任何验证.不同返回值,导致不同验证结果: 返回值结果描述 return undefined(无返回) 不影响验证结果不提示消息(继…

自定义表单验证--jquery validator addMethod的使用

原文地址:jquery validator addMethod 方法的使用作者:蜡笔小玄 jQuery.validate是一款非常不错的表单验证工具,简单易上手,而且能达到很好的体验效果,虽然说在项目中早已用过,但看到这篇文章写得还是不错的,转载下与大家共同分享.一.用前必备官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-validation/(注意下载最新版)API: http://jquery.bassistance.de/ap…

jQuery.validator.addMethod自定义验证方法

在开发中用到了jQuery的validate控件,有时需要自定义验证方法.我们可以通过jQuery.validator.addMethod()来实现,下面是例子: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http:…

jQuery.validator.addMethod自定义验证

jQuery.validator.addMethod("numOrLetter", function(value, element) { return this.optional(element) || /^[0-9|A-Z|a-z]+$/.test(value);}, "请输入数字或字母"); $("#inputForm").validate({ rules : { //要校验的表单名称 operationCo…

Jquery Validator 增加自定义验证方法

$(document).ready(function () { jQuery.validator.addMethod("namerepeate", function(value, element) { //用jquery ajax的方法验证客户名称是不是已存在 var flag = false; $.ajax({ type:"POST", url:'@Url.Action("TestClientNameIsRepeat", "Clien…

jQuery.validator 详解二

前言:上一篇详细的介绍了jQuery.validator( 版本v1.13.0 )的验证规则,这一篇重点讲述它的源码结构,及如何来对元素进行验证,错误消息提示的内部实现一.插件结构(组织方式) 在讲述如何对元素进行验证前有必要了解它的代码组织方式,请看代码(部分省略) var plugFn = function( $ ) { $.extend($.fn, { // 验证from表单 validate: function( options ) { // ... // 实例化$.validator…

jQuery.validator 验证规则详解

前言:jQuery.validator是一款非常不错的表单验证插件,验证方式非常简单方便,它还对HTML5做了兼容处理,了解了验证规则,就基本掌握了它的使用,下面就让我一一道来 jQuery.validator 验证规则一.在元素的class属性中添加需要验证的规则,多个规则以空格隔开 <label>邮箱:</label> <input class="required email" type="text" name="ema…

jquery validate 自定义验证方法

query validate有很多验证规则,但是更多的时候,需要根据特定的情况进行自定义验证规则. 这里就来聊一聊jquery validate的自定义验证. jquery validate有一个方法,可以让用户来自定义验证规则. 案例一: //自定义验证 $.validator.addMethod("isPositive",function(value,element){ var score = /^[0-9]*$/; return this.optional(element) ||…

jquery validate自定义checkbox验证规则和样式

参考:http://blog.csdn.net/xh16319/article/details/9987847 自定义checkbox验证,“检查checkbox是否选中” jQuery.validator.addMethod("isAgreeRule", function(value, element) { return element.checked; }, "请阅读并同意用户协议后提交!"); 添加到验证规则 $(function() { $("#r…

jQuery.validator 详解

jQuery.validator 详解二前言:上一篇详细的介绍了jQuery.validator( 版本v1.13.0 )的验证规则,这一篇重点讲述它的源码结构,及如何来对元素进行验证,错误消息提示的内部实现一.插件结构(组织方式) 在讲述如何对元素进行验证前有必要了解它的代码组织方式,请看代码(部分省略) var plugFn = function( $ ) { $.extend($.fn, { // 验证from表单 validate: function( options ) { //…

jQuery.Validate自定义规程的使用案例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-…

客户端验证的极品--jQuery.validator

最近在做一个用户注册登录的页面,资料查寻过程中发现了一个非常不错的客户端验证的极品-jQuery.validate.它是著名的JavaScript包jQuery的一个插件,其实它还有其它的一些插件应该都爽,有待慢慢来学习官方地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation/ jQuery用户手册:http://jquery.org.cn/visual/cn/index.xml 开发使用起来非常简单明了, 我的代码:…

jquery validate 自定义验证方法日期验证

jquery validate有很多验证规则,但是更多的时候,需要根据特定的情况进行自定义验证规则. 这里就来聊一聊jquery validate的自定义验证. jquery validate有一个方法,可以让用户来自定义验证规则. 案例一: //自定义验证 $.validator.addMethod("isPositive",function(value,element){ var score = /^[0-9]*$/; return this.optional(element) |…

(转)jquery.validator规则

登录|注册收藏成功确定收藏失败,请重新收藏确定标题标题不能为空网址标签摘要公开取消收藏分享资讯传PPT/文档提问题写博客传资源创建项目创建代码片设置昵称编辑自我介绍,让更多人了解你设置退出社区博客论坛下载 Share 极客头条服务 CODE 英雄会会议俱乐部高校俱乐部龙猫的笔记目录视图摘要视图订阅 [大声说出你的爱]CSDN社区情人节特别活动专访李云:从通讯行业的…

jq里验证插件的自定义方法Jquery.validator.addMethod()示例

最近写验证的时候感觉原生的验证谢了一遍又一遍,就想到了“不要重复造轮子,学会管理自己的工具库”这句名言,于是尝试用jq的validator. 用过又发现需要自定义方法去验证,于是去查官网,写了Jquery.validator.addMethod()方法 <DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transiti…

jQuery validator plugin之概要

jQuery validator 主页 github地址 demo学习效果: Validate forms like you've never validated before! 自定义Validate: doesn't jQuery make it easy to write your own validation plugin? Sure, but there are still a lot of subtleties to take care of: You need a standar…

jquery validator

jQuery.validate是一款非常不错的表单验证工具,简单易上手,而且能达到很好的体验效果,虽然说在项目中早已用过,但看到这篇文章写得还是不错的,转载下与大家共同分享. 一.用前必备官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-validation/(注意下载最新版) API: http://jquery.bassistance.de/api-browser/plugins.html当前版本:1.5.5 需要JQuery版…

jQuery Validate自定义各种验证方法（转）

一.封装自定义验证方法-validate-methods.js /***************************************************************** jQuery Validate扩展验证方法 (linjq) *****************************************************************/$(function(){ // 判断整数value是否等于0 jQuery.va…

Nice Jquery Validator 【从 jQuery Validation 迁移】

1. 初始化表单验证 .validate VS .validator jquery-validation : $("#myform").validate(options) nice-validator: $("#myform").validator(options) // 或者 DOM 传参,不需要初始化 2. 设置验证规则 rules VS fields jquery-validation 使用 rules 参数设置字段规则 $("#myform&qu…

Nice Jquery Validator 快速上手

(1).直接引用一行代码引入插件,local 参数用来加载对应的配置文件.如果不传 local 参数,配置以及样式就需要自行引入. <script src="path/to/nice-validator/jquery.validator.js?local=zh-CN"></script> (2).通过 RequireJS 模块系统 requirejs.config({ paths: { jquery: 'http://cdn.jsdelivr.net/jque…

[转]jquery开发自定义的插件总结

本文转自:http://www.cnblogs.com/Jimmy009/archive/2013/01/17/jquery%E6%8F%92%E4%BB%B6.html 前几天在玩jquery,今天就把这几天的学习做一个总结. 首先jquery开发自定义的控件分两大类(我自己这么分的),第一就是不带参数的插件,还有一类就是带参数的jquery插件了. 先从简单的开始.首先我们要了解一下什么叫jquery,jquery是对js的一系列的分装,说白了他就是js的分装以后的产物.但是我们用jquer…

jQuery 表单验证 jquery.validator.js

前端开发中经常会碰到表单的制作,其中必备的功能就是提交前的一些简单的验证,非空啊.手机号码啊.E-mail等等等等,这里是一个 jQuery 的表单验证插件,蛮好用的,收录一下. 下面是验证的效果图: 页面中需要加载的文件是: <link href="validator-0.6.8/jquery.validator.css" rel="stylesheet" type="text/css" /> <script src=&quo…

JQuery validator扩展

//validator 扩展 jQuery.validator.addMethod("mail", function(value, element, messages) { return this.optional(element) || /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/.test(value); }, "请输入合法邮箱"); jQuery.validator.addM…

扩展jquery.validate自定义验证，自定义提示，本地化

<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>Index</title> <link href="~/Css/css.css" rel="stylesheet" /> <script src="…

jquery.validator 手机号验证

1.在input中加上mobile="true",maxlength="11" <label class="w170 control-label floatL"> 联系电话 </label> <div class="col-sm-3 lc_chargeTitleM"> <input type="text" name="Phone" id=&q…

jQuery validator plugin之Validator

Validator.destroy() Destroys this instance of validator freeing up resources and unregistering events. jQuery.validator.methods Object holding all validation methods known to the validator. This can be accessed to override individual methods, while k…

jQuery validator plugin 之 custom methods 案例1：multi email

1.add method jQuery.validator.addMethod( "multiemail", function (value, element) { var email = value.split(/[;,]+/); // split element by , and ; valid = true; for (var i in email) { value = email[i]; valid = valid && jQuery.validator.met…

jquery的自定义事件通过on绑定trigger触发

jquery绑定自定义事件,可以实现预先绑定好一个处理方法,当需要使用的时候利用jquery trigger来触发自定义事件,以达到方便快捷的目的.我们来假设一个这样的场景,一个textarea中的字数计算,如果是直接键盘输入或者粘贴进来的话,是可以使用input方法检测到,但是如果是通过js插入的文本,这个时候input事件就监测不到了,这个时候如果我们事先给绑定一个myChange事件,它的回调函数就是来处理计算其中的文本字数的,我们在使用js给这个textarea赋值以后,连缀写上.tri…

jQuery封装自定义事件--valuechange(动态的监听input，textarea)之前值，之后值的变化

jQuery封装自定义事件--valuechange(动态的监听input,textarea)之前值,之后值的变化 js监听输入框值的即时变化网上有很多关于 onpropertychange.oninput的讲解,但是他们都不是我想要的,我想要的是动态的监听input,textarea等之前值和之后改变的值,比如像KISSY中的valuechange事件一样,当我在输入框里面开始输入1的时候,那么之前值是undefined,现在的值是1,当我接着输入2时候,那么之前的值是1,现在的值是2.等,…

【jQuery validator自定义】的更多相关文章