javascript避免表单多次提交保存

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

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.php.cn）！