<html>

     <head>

         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

         <script type="text/javascript" src="jquery-1.8.3.js"></script>

         <script type="text/javascript" src="jquery.validate-1.8.1.js"></script>

         <script type="text/javascript">

             $.validator.addMethod('checkNum',function(value,element){//自定义验证规则方法

                     var res=false;

                     var startNum= $('#Begin').val();

                     var endNum= $('#End').val();

                     //var endNum=$.trim(value);

                     if(startNum>=endNum){

                         result=false;

                     }else{

                         result=true;

                     }

                     return this.optional(element)||result;    

             });

             $(function(){

                 $('#share').validate({

                     rules:{

                         Begin:{//要验证的标签的name值

                             digits:true,//这是jquery.validate-1.8.1.js默认的，要求输入数字，

                                         //其他用法可自行查看文档

                         },

                         End:{

                             digits:true,

                             checkNum:true,//这个自定义规则的验证方法

                         }

                     },

                     messages:{ //验证不通过是提示的自定义提示信息

                         Begin:{

                             digits:"必须输入整数",

                         },

                         End:{

                             digits:"必须输入整数",

                             checkNum:"后个数必须要大于前一个数",

                         },

                     }

                 });

             });

         </script>

     </head>

     <body>

         <div style="width:500px;height:500px;" >

             <form id="share" method="get"  action="">

                 第一个：<input id="Begin" name="Begin" type="text"/><br/>

                 第二个：<input id="End" name="End" type="text"/><br/>

                 <input type="submit" value="验证">

             </from>

         </div>

     </body>

 </html>



												


											
jquery.validate.js之自定义表单验证规则的更多相关文章
	

    
								
  1. jquery.validate.js使用之自定义表单验证规则
		
    jquery.validate.js使用之自定义表单验证规则,下面列出了一些常用的验证法规则 jquery.validate.js演示查看 jquery validate强大的jquery表单验证插件 ...
    
		
    2. 
						
  2. 使用jquery.validate.js插件进行表单里控件的验证
		
    jsp中具体实现的代码: <%@ page language="java" contentType="text/html; charset=UTF-8"  ...
    
		
    3. 
						
  3. jQuery Validate【强大的表单验证】
		
    一.引入菜鸟教程提供的 1.14.0 版本下载地址:http://static.runoob.com/download/jquery-validation-1.14.0.zip <script  ...
    
		
    4. 
						
  4. 使用jquery validate结合zui作表单验证
		
    1.引入jquery validate和zui <!-- jQuery (ZUI中的Javascript组件依赖于jQuery) --> <script src="${_b ...
    
		
    5. 
						
  5. vue + element 实现登录注册（自定义表单验证规则）
		
    注册页包含手机验证码登录和密码的二次验证. 效果如下: 实现代码: <template> <div> <div class="register-wrapper& ...
    
		
    6. 
						
  6. 关于vue.js element ui 表单验证 this.$refs[formName].validate()的问题
		
        方法使用前需了解: 来自”和“小编的小提示: 首先打印一下this.$refs[formName],检查是否拿到了正确的需要验证的form. 其次在拿到了正确的form后,检查该form上添加 ...
    
		
    7. 
						
  7. 使用jquery.validate.js实现boostrap3的校验和验证
		
    使用jquery.validate.js实现boostrap3的校验和验证 boostrap3验证框架 jquery.validate.js校验表单 >>>>>>& ...
    
		
    8. 
						
  8. layui 自定义表单验证的几个实例
		
    *注:使用本方法请先引入layui依赖的layu.js和layui.css 1.html <input type="text" name="costbudget&q ...
    
		
    9. 
						
  9. Angular5+ 自定义表单验证器
		
    Angular5+ 自定义表单验证器 Custom Validators 标签(空格分隔): Angular 首先阐述一下遇到的问题: 怎样实现"再次输入密码"的验证(两个cont ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. iBATIS 3 试用手记 - The FUTURE - ITeye技术网站
			
    body { font-family: "Microsoft YaHei UI","Microsoft YaHei",SimSun,"Segoe UI ...
    
			
    2. 
						
  2. HDU 2498 Digits
			
    水题.题目这样定义的,另f(x)为x有几位,x[i]=f(x[i-1]); 求最小的i使得x[i]==x[i-1] #include<cstdio> #include<cstring ...
    
			
    3. 
						
  3. Express 简介
			
    Express 简介 Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具. 使用 Express 可以快速 ...
    
			
    4. 
						
  4. fedora安装各种应用软件
			
    1 安装视频播放器 sudo yum install mplayer mplayer-gui 可以从命令行 和 gnome 中启动 2 音量调节 (1)使用 alsamixer alsamixer是一 ...
    
			
    5. 
						
  5. 用C语言写一个“事件”的模拟程序
			
    源:用C语言写一个“事件”的模拟程序 Example.c //定义一个函数指针 func int (*func) (void); //调用该函数相当于触发了事件. //该事件触发后,会检查函数指针fu ...
    
			
    6. 
						
  6. Android 编译错误
			
    本人使用的是Android studio1.3版本,前几天调试通过的项目,现在编译出现了错误.错误信息如下 Project app: apk dependencies can only be jars ...
    
			
    7. 
						
  7. div无法跟随内容的增加而拉伸
			
    有时将 div 的 height 设置为 auto 后,仍然无法让 div 自动拉伸,发现是 display:block 的原因,将其设置为 inline-block 即可.
    
			
    8. 
						
  8. MySQL远程登陆错误
			
    远程连接 mySql数据库会提示10061.1045错误或 2003-Can’t connect to MySQL on ’192.168.1.2’(10061),这个原因是因为MySQL不准许远程连 ...
    
			
    9. 
						
  9. AnsiString用法（转）
			
    源:AnsiString用法 //Ansistring 转 char void __fastcall TForm1::Button1Click(TObject *Sender) { AnsiStrin ...
    
			
    10. 
						
  10. CABasicAnimation 基本动画                                                    分类：            ios技术             2015-07-16 17:10    132人阅读    评论(0)    收藏
			
    几个可以用来实现热门APP应用PATH中menu效果的几个方法 +(CABasicAnimation *)opacityForever_Animation:(float)time //永久闪烁的动画  ...
    
			
    11.