JavaScript 防止重复提交

本文探讨了在服务器响应较慢时,用户在提交表单后可能因等待而重复点击提交按钮的问题,并提供了通过JavaScript代码实现的解决方案,确保用户只执行一次有效的表单提交。

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

因为服务器响应比较慢,用户提交表单后会等待一段时间,可能会造成用户以为没反应重复点击提交按钮.

<script type="text/javascript">
  var checkSubmitFlg = false;
  function checkSubmit(){
    if (checkSubmitFlg == true){
      return false;
    }
    checkSubmitFlg = true;
    return true;
  }
 
  document.ondblclick = function docondblclick(){
    window.event.returnValue = false;
  }
 
  document.onclick = function doconclick(){
    if (checkSubmitFlg){
      window.event.returnValue = false;
    }
  }
</script>
<form action="" method="post" onsubmit="return checkSubmit();">

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值