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;
  });
});

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル