js 防止表单被重复提交

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

原创最新推荐文章于 2019-03-06 14:35:18 发布 · 947 阅读

0 ·

CC 4.0 BY-SA版权

JAVA 专栏收录该内容

40 篇文章

订阅专栏

本文介绍了一种通过禁用提交按钮并更改其文本内容来防止表单重复提交的方法，并提供了一个使用JavaScript实现的具体示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

代码：
<script langauge="javascript">

</script>

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

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

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

代码：
<script langauge="javascript">

</script>

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