Validform做表单验证

  最近做表单验证,发现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>  
posted @ 2014-03-16 17:03  KainJC  阅读(476)  评论(0编辑  收藏  举报