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, ich komme auch

Lernen Sie das Website-Layout in 30 Minuten

Shangguan Oracle Video-Tutorial für Anfänger bis Fortgeschrittene

Ihre erste Zeile UNI-APP-Code

Flattern Sie von Grund auf bis zum App-Start

Brother Lian Neues Linux-Video-Tutorial

AXURE 9 Video-Tutorial (geeignet für die interaktive Produktdesign-Benutzeroberfläche von Product Manager)

Zero Basic Proficiency PS-Video-Tutorial

16-tägiges UI-Video-Tutorial für den Einstieg

PS-Techniken und Slicing-Techniken-Video-Tutorial

Video-Tutorial zum Bau und zur Projekteinführung der Alibaba Cloud-Umgebung

Überblick über Computernetzwerke – Grundkenntnisse, die Programmierer beherrschen müssen

Grundlegendes Tutorial für Programmierer – Erklärung des HTTP-Protokolls

Websocket-Video-Tutorial