• 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>  
  • 相关阅读:
    LaZagne — 一键抓取目标机器上的所有明文密码,todo,自己手动试试效果
    jsch文件复制(拷贝)
    使用Apache commons-pool2实现高效的FTPClient连接池的方法
    室内定位会议和期刊(2020-2021)
    Axure RP 9.0 Team Edition
    新电脑 windows 10 登录 执行此操作需要Internet
    maven配置,以及项目 Dependency xxxx not found 解决过程
    MySQL 下载网站
    Tomcat8.5和Tomcat9安装SSL证书的教程
    Python id() 函数
  • 原文地址:https://www.cnblogs.com/kainjie/p/3603558.html
Copyright © 2020-2023  润新知