• 表单重复提交验证办法-细节决定成败


    往往一些细节的东西就是容易被人忽视,特别像这种多次提交可能会出现一些异常的错误。所以在开发过程中应该多注意一些这样的细节。

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> 重复提交验收办法 </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
    <script language="JavaScript">
    cnt = 0;
    function checkSubmit(){
     document.FORM.btnSubmit.disabled=true;
     cnt++;
     if (cnt!=1){
      alert('正在提交,请稍等……');
      return false;
     }
    }

    function quickpost(event)
    {
     if((event.ctrlKey && event.keyCode == 13)||(event.altKey && event.keyCode == 83))
     {
      cnt++;
      if (cnt==1){
       this.document.FORM.submit();
      }else{
       alert('正在提交,请稍等……');
      }
     } 
    }
    </script>

     </HEAD>

     <BODY>
      <form name="FORM" method="post" action="aaa.aspx" onsubmit="return checkSubmit();">
      <textarea onkeydown="quickpost(event)" name='atc_content' cols='100' rows='8'></textarea>
      <BR><INPUT TYPE="submit" id="btnSubmit" >
      </form>
     </BODY>
    </HTML>

  • 相关阅读:
    PHP实现大文件下载
    使用CSS样式的三种方式
    PHP工厂模式
    使用 curl 命令发送请求
    vim 基本操作
    MAC OS 各个文件夹详细介绍以及 node 安装位置
    linux find 命令
    Mac 关闭某端口程序
    glob 模式的 Linux Shell 通配符介绍
    Mac tree 输出文件树形式
  • 原文地址:https://www.cnblogs.com/liubiqu/p/853772.html
Copyright © 2020-2023  润新知