JavaScript 实现表单防重复提交功能
作者:小括号时间:2026-10-22 07:46:40浏览:172
本文介绍了一种基于 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>
以上即为本文的全部内容,希望能为读者的学习提供一定帮助,同时也欢迎持续关注本站获取更多资源。
作者最新文章
JS语法错误会阻止加载吗?区分SyntaxError与资源加载失败
2026-11-05 16:08:46
JavaScript常见SyntaxError语法错误排查与修复方法
2026-11-05 13:58:44
JS中slice、substring和substr截取字符串的区别
2026-11-05 13:43:47
JS 转 TS 手动迁移最佳实践:从配置 tsconfig 到消除 any 类型
2026-11-05 11:53:32
为什么JS数组push后得到的是数字而不是数组?
2026-11-05 09:59:18
