1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>jquery.validate自定义规则的使用方法</title>
  6. <script src="jquery.js" type="text/javascript"></script>
  7. <script src="jquery.validate.min.js" type="text/javascript"></script>
  8. <script type="text/javascript" language="javascript">
  9. //规则名：buga,value检测对像的值
  10. $.validator.addMethod("buga", function(value) {
  11. return value == "buga";
  12. }, 'Please enter "buga"!');
  13. //规则名：chinese，value检测对像的值，element检测的对像
  14. $.validator.addMethod("chinese", function(value, element) {
  15. var chinese = /^[\u4e00-\u9fa5]+$/;
  16. return (chinese.test(value)) || this.optional(element);
  17. }, "只能输入中文");
  18. //规则名：byteRangeLength，value检测对像的值，element检测的对像,param参数
  19. jQuery.validator.addMethod("byteRangeLength", function(value, element, param) {
  20. var length = value.length;
  21. for (var i = 0; i < value.length; i++) {
  22. if (value.charCodeAt(i) > 127) {
  23. length++;
  24. }
  25. }
  26. return this.optional(element) || (length >= param[0] && length <= param[1]);
  27. }, $.validator.format("请确保输入的值在{0}-{1}个字节之间(一个中文字算2个字节)"));
  28. $(function(){
  29. $("#form1").validate({
  30. rules: {
  31. username:{
  32. required:true,
  33. chinese:true,
  34. byteRangeLength:[1,2]
  35. }
  36. //username:"buga"
  37. //username:"chinese"
  38. //username:"byteRangeLength"
  39. }
  40. });
  41. });
  42. </script>
  43. </head>
  44. <body>
  45. <form id="form1" name="form1" method="post" action="">
  46. <p>
  47. <label for="username">用户名：</label>
  48. <input type="text" name="username" id="username"/>
  49. </p>
  50. <p>
  51. <input type="submit" name="button" id="button" value="提交" />
  52. </p>
  53. </form>
  54. </body>
  55. </html>

jQuery.Validate自定义规程的使用案例的更多相关文章

  1. jquery validate 自定义验证方法

    query validate有很多验证规则,但是更多的时候,需要根据特定的情况进行自定义验证规则. 这里就来聊一聊jquery validate的自定义验证. jquery validate有一个方法 ...

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

    jquery validate有很多验证规则,但是更多的时候,需要根据特定的情况进行自定义验证规则. 这里就来聊一聊jquery validate的自定义验证. jquery validate有一个方 ...

  3. jQquery.validate自定义规则的使用案例

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  4. jQuery Validate自定义金钱验证,是否为金额格式,保留两位小数,并支持千分制货币格式

    //自定义函数实现 isMoney: function (value, element){ // return this.optional(element) || /(^[1-9]([0-9]+)?( ...

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

    一.封装自定义验证方法-validate-methods.js /***************************************************************** j ...

  6. Jquery Validate自定义验证规则，一个汉字等于两个字符长度

    使用Jquery validate时写的一些东西,在这里做个笔记 在使用 Jquery validate 的minlength和maxlength进行文本框内容长度验证的时候,对于一个汉字的长度检测结 ...

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

    <!DOCTYPE html> <html> <head> <meta name="viewport" content="wid ...

  8. jQuery Validate自定义错误信息,自定义方法

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  9. jquery validate 自定义校验方法

    1.引入JS jquery.min.js jquery.validate.min.js messages_zh.min.js 2.添加验证方法,第一个参数为验证方法的名称,第二个参数为验证方法. $. ...

随机推荐

  1. uiautomator的坑和AAPT命令方式启动一个应用程序

    最近在使用UIautomator完成公司的一个主流程的自动化,因为不适用H5和IOS所以会放弃这个工具的使用,现在记录在使用uiautomator的一些问题: 案列1:使用命令去启动要运用的apk包 ...

  2. SharePoint 学习记事（一）

    记录背景: 随着公司业务的拓展,为拿到更多的项目,让原本不太信任我们的美国大佬相信我们的实力,让在美国的销售发挥他的能力,所以公司在13年下半年筹划收购了一家美国本土的公司.大约400人的规模,这个公 ...

  3. Centos搭建PHP5.3.8+Nginx1.0.9+Mysql5.5.17

    操作环境 操作系统:Mac Os Lion 虚拟主机:VMware Fusion 虚拟系统:Centos 5.5+ 操作用户:Root 实现目的:搭建LNMP环境. 安装依赖库和开发环境 #依赖库和开 ...

  4. plsql导入导出表

    原来总是直接 tools->import talbes->Oracle Import结果发现有的时候会出错:有的表不能正确导入, baidu+googel解决办法如下: 导出步骤: 1 t ...

  5. 虚拟光驱 DAEMON Tools Lite ——安装与入门

    DAEMON Tools Lite 是什么?它不仅仅是虚拟光驱.是的,你可以使用它制作.加载光盘映像,但是 DAEMON Tools 产品那么多,Lite版与其他版本究竟有什么不同呢?或者说,是什么让 ...

  6. ios - objective-c runtime之随笔

    今天身体不舒服,还顶着写这篇博客. 举个例子,我们之前在写objective-c代码时,经常用到id这个关键字.那 id 究竟是什么?在objective-c的运行时,这样描述的,它其实是一个结构体( ...

  7. hdu 1047 Integer Inquiry(高精度数)

    Problem Description Oneof the first users of BIT's new supercomputer was Chip Diller. He extended hi ...

  8. 空对象模式（Null Object Pattern）

    空对象模式:用一个空对象来取代null实例的检查,空对象实现一个不做任何动作的关系.(消除如if(Object == null) 这样的检查null实例代码) 例子: public abstract ...

  9. JSP九大内置对象和四个作用域

    JSP九大内置对象和四个作用域 在学习JSP的时候,首先就要先了解JSP的内置对象,什么是内置对象呢?内置对象也叫隐含对象,就是不需要预先声明就可以在脚本代码和表达式中随意使用.而这样的内置对象在JS ...

  10. 重力加速度陀螺仪传感器MPU-6050（一）

    MPU-60X0 对陀螺仪和加速度计分别用了三个16 位的ADC,将其测量的模拟量转化 为可输出的数字量.为了精确跟踪快速和慢速的运动,传感器的测量范围都是用户可控的,陀螺仪可测范围为±250,±50 ...