首页 > 其他 > 详细

Validform做表单验证

时间:2014-03-16 23:24:54      阅读:432      评论:0      收藏:0      [点我收藏+]

  最近做表单验证,发现Validform这款插件很好用,官网地址http://validform.rjboy.cn/document.html

自己按照它的文档介绍很快写了一个简单的例子,

  1. <script type="text/javascript" src="http://validform.rjboy.cn/wp-content/themes/validform/js/jquery-1.6.2.min.js"></script>   
  2. <script type="text/javascript" src="http://validform.rjboy.cn/Validform/v5.1/Validform_v5.1_min.js"></script>   
  3.   
  4.   
  5. <script>  
  6.  $(function(){   
  7.  // $(".registForm").Validform();  //就这一行代码!;   
  8.   
  9.   $(".registForm").Validform({tiptype:2});   
  10.    
  11.   });  
  12.     
  13.    
  14.  </script>  
  15.   
  16.   
  17.   
  18.  <form   class="registForm" action="regist.action" method="post" enctype="multipart/form-data">  
  19.   <table border="0px" align="center" height="480px" style="color:#666666">  
  20.   <tr><td colspan="3" align="center" style="font-size:16px;color:#F07F00">请输入注册信息</td></tr>  
  21.     
  22.    <tr>  
  23.    <td align="left">注册邮箱:</td>  
  24.    <td><input class="inputxt"  type="text" id="account" name="account"  datatype="e"   
  25.      nullmsg="请输入注册邮箱!"  errormsg="不是合法的邮箱!"   /></td>  
  26.    <td><div id="accountValidate" class="Validform_checktip"></div></td></tr>  
  27.       
  28.    <tr>  
  29.    <td align="left">创建密码:</td>  
  30.    <td><input class="inputxt" type="password" name="password"  datatype="*6-15" nullmsg="请输入密码!"  errormsg="密码范围在6~15位之间!" /></td>  
  31.    <td><div class="Validform_checktip"></div></td></tr>  
  32.    <tr>  
  33.    <td align="left">确认密码:</td>  
  34.    <td><input class="inputxt"  type="password" name="password2" datatype="*6-15" recheck="password"  nullmsg="请确认密码!"  errormsg="2次密码不一致!" /></td>  
  35.    <td><div class="Validform_checktip"></div></td></tr>  
  36.       <tr>  
  37.    <td></td>  
  38.    <td align="left"><input type="submit" id="submit_btn" value="" class="regist_but"/></td>  
  39.    </tr>  
  40.   </table>  
  41.     
  42.   </form>  

Validform做表单验证,布布扣,bubuko.com

Validform做表单验证

原文:http://www.cnblogs.com/kainjie/p/3603558.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!