防止按鈕重複提交的方法

2022-01-31 06:52:36 字數 1732 閱讀 5979

1. 一種簡單的方法

//前台

<

asp:button id="

btntest

"runat="

server

"text="

button

"onclick="

btntest_click

"cssclass="

button_common

"/>

//後台

protected

void

page_load(

object

sender, eventargs e)

protected

void

btntest_click(

object

sender, eventargs e)

可以實現基本功能,提交時,按鈕灰掉,按鈕顯示「提交中...」。

但是當點選按鈕需要驗證的時候,比如:

//js

function

submitvalidate()

//前台

<

asp:button id="

btntest

"runat="

server

"text="

button

"onclick="

btntest_click

"cssclass="

button_common

"onclientclick="

return submitvalidate();"/

>

page_load內的**會執行,但是按鈕樣式卻不改變了,也不能控制重複提交了(為什麼呢?)

2. 使用js方法

//js

varisbusyflag 

=false

;function

clickbuttonvalidation()

else

}function

buttoncontrol(id, btntext, condition)

else

}else

return

false;}

//前台

<

asp:button id="

btntest

"runat="

server

"text="

button

"onclick="

btntest_click

"cssclass="

button_common

"onclientclick="

return buttoncontrol('btntest','提交中...',submitvalidate());"/

>

//如果沒有按鈕驗證條件,可以寫為onclientclick=

"return buttoncontrol('btntest','提交中...');"

//後台

protected 

void

page_load(object sender, eventargs e)

protected 

void

btntest_click(object sender, eventargs e)

此方法可以作為公用方法,供多種按鈕呼叫。

在js方法裡,不可以設定 obj.disabled = true; 否則,就不執行後台**了。

Vue防止按鈕重複提交

參考了 1 我們首先新建乙個js檔案,例如起名為plugins.js。2 然後我們寫入以下內容,將preventreclick指令暴露出去。import vue from vue 防止重複提交指令 const preventreclick vue.directive preventreclick b...

防止重複提交

在jsp頁面的form中,新增 然後在提交的action類中 suppresswarnings unchecked scope prototype controller results parentpackage default interceptorrefs value interceptorre...

防止重複提交

過濾器 repeatable 過濾器 構建可重複讀取inputstream的request submit註解 package com.medaxis.config.interceptor.annotation import j a.lang.annotation.自定義註解防止表單重複提交 inhe...