当前位置:Gxlcms > JavaScript > javascript避免表单多次提交保存

javascript避免表单多次提交保存

时间:2021-07-01 10:21:17 帮助过:17人阅读

做过使用表单提交数据,并保存的朋友.应该碰到过刷新一次提交一次的多次提交表单保存.本文介绍一种方法,避免表单被多次提交保存.

1、javascript ,设置一个变量,只允许提交一次。

<script language="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>
<html:form action="myAction.do"
method="post" onsubmit="return checkSubmit();">

2、javascript,将提交按钮或者image置为disable

<html:form action="myAction.do"
method="post"
  onsubmit="getElById('submitInput')
.disabled = true;
return true;
"> 
 
 <html:image
 styleId="submitInput"
 src="images/ok_b.gif"
 border="0" />
 
 </html:form>

使用了以上方法后,你会发现,当你表单提交后.再进行多次刷新.数据库中只有一条.不会多次保存.

以上就是javascript避免表单多次提交保存的内容,更多相关文章请关注PHP中文网(www.gxlcms.com)!

人气教程排行