本文介绍了一种基于 JavaScript 的表单防重复提交方案。通过记录上次提交时间，利用 Date 对象计算时间差，若两次提交间隔不足设定阈值则拦截提交并提示用户，有效防止因网络延迟或误操作导致的重复数据提交。
JavaScript 实现表单防重复提交功能
本文分享了一段使用 JavaScript 编写的防止表单重复提交的代码示例，供读者参考。
<DOCTYPE html>
<html>
<BODY BGCOLOR="#FFFFFF">
<form name='formsubmitf' id ="the" method="post" action="XXX.php">
<input type='hidden' name='mypretime' value='0'>
<input type="button" value="写好了" name="button1" class="4round" onclick='formsubmit()'>
</form>
<script Language='JavaScript'>
function formsubmit() {
Today = new Date();
var NowHour = Today.getHours();
var NowMinute = Today.getMinutes();
var NowSecond = Today.getSeconds();
var mysec = (NowHour*3600)+(NowMinute*60)+NowSecond;
if((mysec-document.formsubmitf.mypretime.value)>600){
//600只是一个时间值，就是5分钟内禁止重复提交，值随便设
document.formsubmitf.mypretime.value=mysec;
}
else{
alert(' 按一次就够了，请勿重复提交！请耐心等待！谢谢合作！');
return false;
}
document.forms.formsubmitf.submit();
}
</script>
</html>
以上即为本文的全部内容，希望能为读者的学习提供一定帮助，同时也欢迎持续关注本站获取更多资源。