<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. CodeForces 590A Median Smoothing
			
    构造题. 答案可以o(n)构造出来.首先要发现规律.只有01交替的串才可能变化,变化规律如下: 1开头,长度为偶数(0结尾):变(len-2)/2次 变完后 前半1 后半01开头,长度为奇数(1结尾) ...
    
			
    2. 
						
  2. linux 驱动入门6
			
    看/sys目录经常看到bus device driver class. 这也是网上大量说的驱动驱动模型.这些的关系得熟悉得明白吧.是的.今天我先不整他们的关系.先逐个击破,然后再统一来理清楚他们之间的 ...
    
			
    3. 
						
  3. PHP 判断几秒前，几分钟，几小时前
			
    PHP 对于时间的过了多久的判断,几秒前,几分钟前,几小时前,$time = strtotime("2017-01-15 14:42:00"); $time = strtotime ...
    
			
    4. 
						
  4. 51nod贪心算法教程
			
    51nod确实是一个好oj,题目质量不错,wa了还放数据,学习算法来说挺好的,这次我做了几个水的贪心,虽然水,但是确实都很典型. 教程链接:http://www.51nod.com/tutorial/ ...
    
			
    5. 
						
  5. elya：给移动APP创业者的工具集(一)
			
    作为移动APP的创业者,往往遇到的困扰是,人家都开发过的功能了,劳资还得辛辛苦苦开发一遍,比如说什么积分系统啊,什么IM组件啊,什么滤镜啊,而且发一个版本官网就得改一次,做一次微信营销就要开发个H5页 ...
    
			
    6. 
						
  6. JUCE_FIFO实现分析
			
    JUCE_FIFO代码简单剖析,此处的剖析就是给自己留一个方便查询的内容:不做太多内容的要求,只做简单的记录:本文以初学者的角度来些,大牛请飘过O(∩_∩)O FIFO的功能在博客的其他帖子里面已经有 ...
    
			
    7. 
						
  7. td文字过长部分显示，鼠标移动显示全部内容
			
    只要在该td中加上title属性,鼠标移到这里就会看到全部内容, 在td中加上div,属性设置如下,就能显示宽度为200px的内容,大于则隐藏.代码如下: <td title="我是代 ...
    
			
    8. 
						
  8. thinkPHP的学习
			
    1.版本,以3.1为主,因为手册是基于这个的,最新的版本,还没有对应的手册 2.发现一个问题,echo 中文时,出现乱码,而调用模版则正常. 3.写url的注意大小写.index和Index是不同的  ...
    
			
    9. 
						
  9. _foreach
			
    从JDK1.5之后增加的foreach循环取消索引 for(类型 变量 : 数组 | 集合){ 每一次循环会自动将数组内容设置给变量 } 范例: ,,,} ; for(int x : i){ Syst ...
    
			
    10. 
						
  10. HTTP协议快速入门
			
    一.定义 The Hypertext Transfer Protocol (HTTP) is an application protocol for distributed, collaborativ ...
    
			
    11.