`

jquery.validate入门demo

 
阅读更多

jquery.validate入门demo

工作中经常需要用到js验证，jquery有一款比较不错的表单验证框架（jquery.validate.js）

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">   
  2. <html>   
  3.  <head>   
  4.   <title></title>   
  5.   <script type="text/javascript" src="lib/jquery.js"></script>   
  6.   <script type="text/javascript" src="./jquery.validate.js"></script>   
  7.  </head>   
  8.   
  9.  <body>   
  10.   <script type="text/javascript">   
  11.   <!--   
  12.   
  13.     $(function(){    
  14.   
  15.         $.validator.addMethod("isMobile",function(value, element, params){   
  16.             return this.optional(element)||value=='13420642222';   
  17.         },"请填入正确的手机号码！");   
  18.   
  19.         var v = $("#form1").validate({   
  20.         rules:{   
  21.             text1:{required:true},   
  22.             text2:{required:true,email:true},   
  23.             text4:{required:true,digits:true},   
  24.             text5:{required:true,date:true},   
  25.             text6:{required:true,isMobile:true},   
  26.             text3:{required:true,number:true}   
  27.         },messages:{   
  28.             text1:{required:"请输入姓名"},   
  29.             text2:{required:"email不能为空！",email:"请输入正确的email"},   
  30.             text4:{required:"text4不能为空！",digits:"请输入正确整数"},   
  31.             text5:{required:"text5不能为空！",date:"请输入正确日期"},    
  32.             text3:{required:"text3不能为空！",number:"必须为数字"}   
  33.         },debug:true,    
  34.         onfocusout:false  
  35.         });   
  36.   
  37.            
  38.         $("#ss").click(function(){   
  39.             var check = v.form();   
  40.         /*  v.errorList.push({message:"dasd",element:null});   
  41.             var msg = "";  
  42.              $.each( v.errorList, function(i,v){    
  43.               msg += ((i+1)+"、"+v.message+"\r\n");    
  44.             });    
  45.             if(msg!="") alert(msg);*/  
  46.         });   
  47.     });   
  48.   //-->   
  49.   </script>   
  50.  </body>   
  51.  <form method="post" action="" id="form1">   
  52.     <input type="text" name="text1"><br/>   
  53.     <input type="text" name="text2"><br/>   
  54.     <input type="text" name="text3"><br/>   
  55.     <input type="text" name="text4"><br/>   
  56.     <input type="text" name="text5"><br/>   
  57.     <input type="text" name="text6"><br/>   
  58.     <input type="text" name="text7"><br/>   
  59.     <input type="text" name="text8"><br/>   
  60.   
  61.   
  62.     <input type="button" id="ss" value="提交">   
  63.  </form>   
  64. </html>  
分享到：
| jQuery Ajax 实例 ($.ajax、$.post、$.get) ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jquery.validate.js下载

    jquery.validate.js jquery.validate.js

    jquery.validate 版本大全

    jquery.validate.1.9.0.min.js jquery.validate.1.12.0.min.js jquery.validate.1.13.1.min.js jquery.validate.1.16.0.min.js jquery.validate.1.14.0.min.js jquery.validate.1.15.1.min.js jquery.validate....

    jquery.validate.min.js

    jquery.validate.min.js jquery jquery验证插件 validate

    jquery.validate.unobtrusive.js

    微软的jquery.validate.unobtrusive.js验证插件,可以用来验证单选和多选框的.

    jquery.validate.js表单验证.pdf

    1. jquery.validate.js的引入：文件提到了引入jquery.validate.js的方法，需要先引入jquery.js，然后引入jquery.validate.js。这是因为jquery.validate.js依赖于jquery.js。 2. 验证规则：文件列出了jquery....

    jquery.validate.js

    jquery.validate.js * * jQuery validation plug-in 1.7 * * http://bassistance.de/jquery-plugins/jquery-plugin-validation/ * http://docs.jquery.com/Plugins/Validation * * Copyright (c) 2006 - 2008...

    jQuery.validate 用法

    &lt;script src="jquery.validate.min.js"&gt; &lt;button type="submit"&gt;Submit $(document).ready(function(){ $("#myForm").validate(); }); ``` 上述代码中，`required`是内置的验证规则，表示该字段必须...

    jQuery.validate.js

    《jQuery.validate.js：高效表单验证的艺术》 在网页开发中，用户输入的验证是必不可少的一环，它能确保数据的正确性和安全性。jQuery.validate.js是jQuery库的一个插件，专为实现表单验证提供了强大的支持。这个...

    jquery.validate.extend.js

    jquery.validate.extend.js

    jquery.validate-1.13.1.js

    jquery.validate插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个用来...

    jquery.validate.messages_cn

    jquery.validate.js表单验证 jquery.validate.messages_cn.js 表单验证中文提示

    jQuery.validate验证

    &lt;script src="path/to/jquery.validate.js" type="text/javascript"&gt; ``` 2. **默认验证规则**： - `required`: 验证字段是否为空，不能为空。 - `remote`: 使用AJAX调用指定的URL检查输入值的有效性。 - `...

    jquery.validate.js 和 帮助文档.rar

    《jQuery validate.js与帮助文档详解》 在Web开发领域，jQuery是一个广泛使用的JavaScript库，它极大地简化了DOM操作，事件处理以及Ajax交互。而jQuery Validate插件是jQuery的一个强大附件，专为表单验证设计，...

    jQuery.validate.js表单验证及API

    《jQuery.validate.js表单验证及API详解》 在Web开发中，表单验证是不可或缺的一环，它确保用户输入的数据符合预设的规则，从而保证数据的准确性和安全性。jQuery库提供了一个强大的插件——jQuery.validate.js，...

    jQuery.validate.js+API中文

    《jQuery.validate.js与API中文详解》 在Web开发领域，jQuery是一个广泛使用的JavaScript库，它极大地简化了DOM操作，事件处理以及Ajax交互等任务。而jQuery Validate插件则是jQuery的一个重要扩展，它专注于表单...

Magicbox
Global site tag (gtag.js) - Google Analytics