<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. FIR数字滤波器的设计要点
			
    源:http://blog.sina.com.cn/s/blog_493520900101gt0a.html FIR数字滤波器的设计要点
    
			
    2. 
						
  2. CodeForces 610C Harmony Analysis
			
    构造 #include<cstdio> #include<cstring> #include<cmath> #include<algorithm> us ...
    
			
    3. 
						
  3. ecos的app包管理
			
    install 安装 install app_name1 app_name2 有时候要用-o参数,把所有安装过程需要的参数带入进去(安装过程的参数放在app/$app_name/task.php里in ...
    
			
    4. 
						
  4. JAVA中浅复制与深复制 - coolmist - ITeye技术网站
			
    body{ font-family: "Microsoft YaHei UI","Microsoft YaHei",SimSun,"Segoe UI& ...
    
			
    5. 
						
  5. IE去掉input的type=”text”输入内容时出现的X和type=”password”出现的眼睛图标
			
    从IE 10开始,type=”text” 的 input 在用户输入内容后,会自动产生一个小叉叉(X),方便用户点击清除已经输入的文本.对于type=”password”的 input 则会在右方显示 ...
    
			
    6. 
						
  6. （译）Windsor入门教程---第二部分 引用Windsor
			
    原文:http://docs.castleproject.org/Windsor.Windsor-tutorial-ASP-NET-MVC-3-application-To-be-Seen.ashx  ...
    
			
    7. 
						
  7. 一、MongoDB安装及启动
			
    1 安装 在官网http://www.mongodb.org/downloads下载对应版本,并安装.安装在D:\MongoDB下. 2 设置 1) 新建文件夹,用于存放db数据 D:\MongoDB ...
    
			
    8. 
						
  8. 歪国人DIY的MINI四轴
			
    歪国人DIY的MINI四轴 Crazyflie 2.0 自己仿Crazyflie.CrazyPony
    
			
    9. 
						
  9. 中国产品众筹NO.1诞生
			
    中国产品众筹NO.1诞生 淘宝众筹打响新拐点之战 http://bbs.taobao.com/catalog/thread/508895-317240623.htm?spm=1.7274553.199 ...
    
			
    10. 
						
  10. C语言－while循环
			
    循环是结构化程序设计的基本结构之一,它和顺序控制.选择结构共同作为各种复杂程序的基本构造单元(摘自谭浩强的<C程序设计>. 一.while循环: 1.使用while循环控制输出0到9十个数 ...
    
			
    11.