首页 / JQUERY / jquery.validate.js之自定义表单验证规则

jquery.validate.js之自定义表单验证规则

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jquery.validate.js之自定义表单验证规则，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1476字，纯文字阅读大概需要3分钟。

内容图文

             1 <html>
 2     <head>
 3         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 4         <script type="text/javascript" src="jquery-1.8.3.js"></script>
 5         <script type="text/javascript" src="jquery.validate-1.8.1.js"></script>
 6 7         <script type="text/javascript">
 8             $.validator.addMethod(‘checkNum‘,function(value,element){//自定义验证规则方法 9var res=false;
10var startNum= $(‘#Begin‘).val();
11var endNum= $(‘#End‘).val();
12//var endNum=$.trim(value);    13if(startNum>=endNum){
14                         result=false;
15                     }else{
16                         result=true;
17                    }
18returnthis.optional(element)||result;    
1920            });
2122             $(function(){
23                 $(‘#share‘).validate({
24                    rules:{
25                         Begin:{//要验证的标签的name值26                             digits:true,//这是jquery.validate-1.8.1.js默认的，要求输入数字，27//其他用法可自行查看文档28                        },
29                        End:{
30                             digits:true,
31                             checkNum:true,//这个自定义规则的验证方法3233                        }
34                    },
35                     messages:{ //验证不通过是提示的自定义提示信息36                        Begin:{
37                             digits:"必须输入整数",
38                        },
39                        End:{
40                             digits:"必须输入整数",
41                             checkNum:"后个数必须要大于前一个数",
4243                        },
4445                    }
46                });                
47            });
4849         </script>
50     </head>
51     <body>
52         <div style="width:500px;height:500px;" >
53             <form id="share" method="get"  action="">
54                 第一个：<input id="Begin" name="Begin" type="text"/><br/>
55                 第二个：<input id="End" name="End" type="text"/><br/>
56                 <input type="submit" value="验证">
57             </from>
58         </div>
59     </body>
60 </html>
技术分享
技术分享

 

原文：http://www.cnblogs.com/huanying0680/p/5635898.html

内容总结

以上是互联网集市为您收集整理的jquery.validate.js之自定义表单验证规则全部内容，希望文章能够帮你解决jquery.validate.js之自定义表单验证规则所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1228416.html

来源：【匿名】