防止页面重复提交表单js备份

最新推荐文章于 2020-11-07 10:31:05 发布

2018奔跑的蜗牛

最新推荐文章于 2020-11-07 10:31:05 发布

阅读量223

点赞数

分类专栏：前端文章标签：表单提交验证 js

前端专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种使用JavaScript函数防止网站数据重复提交的方法。通过记录用户的最后一次提交时间，并在用户再次尝试提交时检查是否超过了预设的时间间隔，可以有效避免因网络不稳定导致的数据重复录入问题。

网站添加数据的时候，网络信号不好，经常遇到重复登记很多条数据的情况，耽误很多时间，解决这种问题的方法很多，这里记录一种用js函数解决的方法：

function formsubmit() {
    Today = new Date();
    var a = Today.getHours();
    var b = Today.getMinutes();
    var c = Today.getSeconds();
    var d = (a * 3600) + (b * 60) + c;
    if ((d - document.form1.mypretime.value) > 1200) {
        document.form1.mypretime.value = d
    } else {
        alert(' 按一次就够了，请勿重复提交！请耐心等待！谢谢合作！');
        return false
    }
    document.forms.form1.submit()
}

<form name="form1" method="post" action="?Work=SaveAdd">
<input type=hidden name='mypretime' value='0'> //这句不能少，用隐含变量传递一个时间初值
..........
<input type="button" name="Submit3" value="确定保存" onClick="checkForm(document.forms['form1']);formsubmit()" >