form 表单提交 submit()只能提交一次

发布时间：2024-12-18 06:28

提交最近一次的免保单照片 #生活技巧# #居家生活技巧# #驾照年审#

在提交表单时，如果服务器响应速度慢，或者因为别的什么原因，导致按下提交出现“没反应”的情况，这是就要限制只允许提交一次表单以减轻服务器压力

有两种方式：

1.提交之后禁用按钮 2.提交之后取消后续的表单操作

第一种：

document.getElementById('提交按钮').disable==true; //将按钮禁用，不过缺点是可以通过回车来提交

第二种：

window.onload=function(){

var form=document.getElementById('form');//form为form表单的id

flag=false; //监听变量用于提交一次表单

form.onsubmit=function(e){

e.preventDefault();

if (flag) {return;};

flag=true;

setTimeout(function(){

alert('正在提交中，请稍等...');

form.submit();

},3000)

}

//首先先禁用掉提交事件，让他3秒后提交，模仿请求服务器的过程，通过一个监听变量flag，第一次提交将他设置为true，判断如果是true就退出不提交，以这种方式达到提交一次的目的

原文：bokeyuan：cnblogs.com/yymb/p/5570735.html

网址：form 表单提交 submit()只能提交一次 https://www.yuejiaxmz.com/news/view/507008