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

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

<!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>

原文地址:https://www.cnblogs.com/liubiqu/p/853772.html