javascript - 请问当表单按钮是a标签的时候，如何防止前端表单重复提交

Question

我的需求是；当用户点击按钮提交表单时；防止用户多次点击按钮向后台提交重复内容；

伊谢尔伦 · Answer

var flag = false;
检测表单内容是否有改变且符合要求;
有 flag = true;
.onclick = function(){
    if(flag){
    //提交请求
    flag = false
    }else{
    //您已提交
    }
    //取消a的默认行文
    return false
}

ringa_lee · Answer

e.preventDefault 然后手动ajax并上锁

阿神 · Answer





    
    Document



    只能点一次

伊谢尔伦 · Answer

提交完之后来个提示框，然后刷新页面或者跳转！

PHP中文网 · Answer

与是不是 a标签没有关系，

如果你的表单是原生表单提交，需要后台配合利用token(顺便做了csrf防范)来做处理。

如果是ajax提交时，可以设一个变量，根据变量的值来检测，是否可以提交表单

var canSubmit = true;
$form.on('submit', function() {
  if (canSubmit === false) return;
  canSubmit = false;
  $.ajax(……   function(res){
    canSubmit = true;
  });
});

Php8, 나도 갈게

30분 안에 웹사이트 레이아웃 배우기

Shangguan Oracle 초보자부터 능숙한 비디오 튜토리얼까지

UNI-APP 코드의 첫 번째 줄

처음부터 앱 실행까지 Flutter

Lian 형제 새 Linux 비디오 튜토리얼

AXURE 9 비디오 튜토리얼(제품 관리자 대화형 제품 디자인 UI에 적합)

Zero 기본 숙련도 PS 비디오 튜토리얼

시작하는 데 도움이 되는 16일 UI 비디오 튜토리얼

PS 기술 및 슬라이싱 기술 비디오 튜토리얼

Alibaba Cloud 환경 구축 및 프로젝트 출시 비디오 튜토리얼

컴퓨터 네트워크 개요 - 프로그래머가 마스터해야 하는 기본 지식

프로그래머를 위한 필수 튜토리얼 - HTTP 프로토콜 설명

웹소켓 비디오 튜토리얼