js 防止表单被重复提交

最新推荐文章于 2019-03-06 14:35:18 发布

木木霖

最新推荐文章于 2019-03-06 14:35:18 发布

阅读量912

点赞数

分类专栏： JAVA

本文链接：https://blog.csdn.net/neal1225/article/details/9769197

版权

JAVA 专栏收录该内容

40 篇文章 0 订阅

订阅专栏

相信程序员都遇到过这种情况,当网速慢的时候,心急的浏览者会连续点击提交按钮,这时就容易产生表单被重复提交的效果,那么我们该如何来防止呢,方法很多,下面我来说下我的预防方法：

将下列代码拷到<head>区域中

代码：
<script langauge="javascript">

</script>

将下列代码拷到<body>区域中

代码：
<form method="post" id="form1" name="form1" action="#">
<input type="button" name="btn1" value="提交" οnclick="checksub();">
</form>

简单吧,防止表单重复提交就这样被实现了,其实你还可以做2张图片,一个是提交按钮的图片,一个是信息提交中的gif图片,信息提交中带点儿动画效果,效果会更好。如果用图片代码应该为

代码：
<script langauge="javascript">

</script>

<form method="post" id="form1" name="form1" action="#">
<img id="btn1" src="提交按钮图片" οnclick="checksub();">
</form>