<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. 生成R文件
			
    aapt package -f -m -J H:/workspaces/java_android/Test2/gen -S H:/workspaces/java_android/Test2/res - ...
    
			
    2. 
						
  2. EF 报【序列包含一个以上的元素】解决办法
			
    1.检查模型是否存在重复的字段,eg: public class AggregateRoot { public System.Guid Guid { get; set; } } public part ...
    
			
    3. 
						
  3. ionic系列
			
    1. 推荐中文API https://github.com/ychow/ionic-guide
    
			
    4. 
						
  4. Spring MVC 程序首页的设置 - 一号门-程序员的工作,程序员的生活(java,python,delphi实战)
			
    body { font-family: "Microsoft YaHei UI","Microsoft YaHei",SimSun,"Segoe UI ...
    
			
    5. 
						
  5. Quick Cocos2dx 场景对象基类实现
			
    从使用Quick-Cocos2d-x搭建一个横版过关游戏(四)拷来个进度条类, 但是由于那个类有个bug,在setProgress里面self.fill是找不到的,所以我改进了一下,代码如下: loc ...
    
			
    6. 
						
  6. [iOS Animation]-CALayer 性能优化
			
    性能优化 代码应该运行的尽量快,而不是更快 - 理查德 在第一和第二部分,我们了解了Core Animation提供的关于绘制和动画的一些特性.Core Animation功能和性能都非常强大,但如果 ...
    
			
    7. 
						
  7. ZOJ 3537 Cake
			
    区间DP. 首先求凸包判断是否为凸多边形. 如果是凸多边形:假设现在要切割连续的一段点,最外面两个一定是要切一刀的,内部怎么切达到最优解就是求子区间最优解,因此可以区间DP. #include< ...
    
			
    8. 
						
  8. storybody中页面跳转
			
    - (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender{ if ([segue.destinationViewCont ...
    
			
    9. 
						
  9. redis 学习
			
    http://blog.csdn.net/z69183787/article/category/2923783
    
			
    10. 
						
  10. 严重: Servlet.service() for servlet jsp threw exception     java.lang.IllegalStateException: getOutputStream() has already been called for this response
			
    严重: Servlet.service() for servlet jsp threw exception    java.lang.IllegalStateException: getOutputS ...
    
			
    11.