首页>>表单>>verJs表单验证代码(2019-03-25)

verJs表单验证代码

verJs表单验证代码
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <form action="#" id="form" data-form="ajax">  
  2.     <fieldset>  
  3.         <div>form表单验证</div>  
  4.         <dl>  
  5.             <dt>密码</dt>  
  6.             <dd>  
  7.                 <input type="text" data-required="参数不能为空" id="eq">  
  8.             </dd>  
  9.         </dl>  
  10.         <dl>  
  11.             <dt>确认密码</dt>  
  12.             <dd>  
  13.                 <input type="text" data-equal="#eq" data-required="参数不能为空">  
  14.             </dd>  
  15.         </dl>  
  16.         <dl>  
  17.             <dt>最小/大值</dt>  
  18.             <dd>  
  19.                 <input type="number" data-min="7" data-max="15">  
  20.             </dd>  
  21.         </dl>  
  22.         <dl>  
  23.             <dt>最小/大长度</dt>  
  24.             <dd>  
  25.                 <input type="text" data-minlength="5" data-maxlength="15">  
  26.             </dd>  
  27.         </dl>  
  28.         <dl>  
  29.             <dt>手机</dt>  
  30.             <dd>  
  31.                 <input type="text" data-mobile="true">  
  32.             </dd>  
  33.         </dl>  
  34.         <dl>  
  35.             <dt>邮箱</dt>  
  36.             <dd>  
  37.                 <input type="text" data-email="true">  
  38.             </dd>  
  39.         </dl>  
  40.         <dl>  
  41.             <dt>身份证</dt>  
  42.             <dd>  
  43.                 <input type="text" data-idcard="true">  
  44.             </dd>  
  45.         </dl>  
  46.         <dl>  
  47.             <dt>气泡+正则</dt>  
  48.             <dd>  
  49.                 <input type="text" data-rule="^[A-Za-z]w{5,11}$" data-rule-message="请输入6~12字符，以字母开头" data-required="请输入6~12字符，以字母开头" data-block="true">  
  50.             </dd>  
  51.         </dl>  
  52.   
  53.         <button type="submit">提交</button>  
  54.     </fieldset>  
  55. </form>  

 

JavaScript Code
  1. <script>  
  2.     function max_width() {  
  3.         var max = 0;  
  4.         $("dt").each(function () {  
  5.             max = Math.max(max,$(this).width());  
  6.         });  
  7.         $("dt").width(max);  
  8.     }  
  9.     max_width();  
  10.     new VerJs({  
  11.         form:"#form",  
  12.         success:function (d) {  
  13.             alert(1)  
  14.         },  
  15.         fail:function (d) {  
  16.             alert(2)  
  17.         }  
  18.     });  
  19. </script>  

 


原文地址:http://www.freejs.net/article_biaodan_736.html