用JavaScript防止重复提交表单form的两种方法

来源:互联网 发布:win域名注册 编辑:程序博客网 时间:2024/06/05 02:45

用JavaScript防止重复提交表单form的两种方法。
1、用javascript设置一个变量,只允许提交一次。
<script type="text/javascript">
  var checkSubmitFlg = false;
  function checkSubmit(){
   if (checkSubmitFlg == true){
     return false;
   }
   checkSubmitFlg = true;
   return true;
  }
  document.ondblclick =
  function docondblclick(){
  window.event.returnValue = false;
  }
  document.onclick =
  function doconclick(){
    if (checkSubmitFlg){
     window.event.returnValue = false;
    }
}
</script>
<form action="action.php" method="post" onsubmit="return checkSubmit();">

2、用javascript将提交按钮或者img置为disable
<form action="action.php" method="post" onsubmit="getElById('submitInput').disabled = true;return true;"> 
<img styleId="submitInput" src="images/ok_b.gif" border="0" />
</form>

原创粉丝点击