<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. Query插件之ajaxFileUpload使用方法——input.change()事件的时候实现文件上传
			
    点击下载 这是HTML <input id="uploadedfile" name="uploadedfile" type="file" ...
    
			
    2. 
						
  2. Android网络开发之Volley--Volley基本用法JsonObjectReques(二)
			
    1.JsonObjectRequest用法 用法和StringRequest基本相同,主要分为3步: (1).实例化一个RequestQueue对象 (2).设置JsonObjectRequest对象 ...
    
			
    3. 
						
  3. Linux：网络yum源设置
			
    网络yum源,最大的网易(163)算是一个,无论是速度还是软件版本,都非常的不错,将yum源设置为163yum,可以提升软件包安装和更新的速度,同时避免一些常见软件版本无法找到.具体设置方法如下: 1 ...
    
			
    4. 
						
  4. locks
			
    grep 'parking to wait for' gs2_jstack_141203.txt |  uniq -c | sort -n查看哪个锁出现次数最多 http://blog.csdn.ne ...
    
			
    5. 
						
  5. js 增删改查
			
    <html><head lang="en"> <meta charset="UTF-8"> <title>< ...
    
			
    6. 
						
  6. PAT (Advanced Level) 1011. World Cup Betting (20)
			
    简单题. #include<iostream> #include<cstring> #include<cmath> #include<algorithm> ...
    
			
    7. 
						
  7. iframe载入等待
			
    <style> #pageloading{position:absolute; left:0px; top:0px;background:white url('../images/load ...
    
			
    8. 
						
  8. word采用尾注进行参考文献排版的一些问题
			
    使用Word中尾注的功能可以很好地解决论文中参考文献的排序问题.方法如下: 1．光标移到要插入参考文献的地方,菜单中“插入”——“引用”——“脚注和尾注”. 2．对话框中选择“尾注”,编号方式选“自动 ...
    
			
    9. 
						
  9. js优化与注意点
			
    1.使用尽可能少的全局变量.尽量用var来声明变量,避免隐式使用全局变量. 隐式全局变量和明确定义的全局变量间有些小的差异,就是通过delete操作符让变量未定义的能力. 通过var创建的全局变量(任 ...
    
			
    10. 
						
  10. 数据降维技术（2）—奇异值分解（SVD）
			
    上一篇文章讲了PCA的数据原理,明白了PCA主要的思想及使用PCA做数据降维的步骤,本文我们详细探讨下另一种数据降维技术—奇异值分解(SVD). 在介绍奇异值分解前,先谈谈这个比较奇怪的名字:奇异值分 ...
    
			
    11.