zoukankan      html  css  js  c++  java
  • 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>  
  • 相关阅读:
    2019 Multi-University Training Contest 1
    2019江西省省赛
    2019牛客暑期多校训练营 第二场
    母函数
    树形DP
    蓝桥杯-标题:打印图形
    蓝桥杯-标题:史丰收速算
    蓝桥杯-标题:切面条
    蓝桥杯-标题:李白打酒
    蓝桥杯-标题:啤酒和饮料
  • 原文地址:https://www.cnblogs.com/kainjie/p/3603558.html
Copyright © 2011-2022 走看看