js按鈕防止重復提交_如何通過js控制刷新頁面重復提交form表單問題

Ⅰ js WEB前端開發如何防止重復提交的實現方

在點擊提交按復鈕制後，將提交按鈕立刻禁用，然後在ajax請求成功後，再重新啟用，下面是個簡單的例子

$(".submit").click(function(){
$(this).attr("disabled",true);
$.ajax({
url:url,
success:function(data){
$(this).attr("disabled",false);
}
});

});

Ⅱ 求JS 大神指導，頁面的防止重復點擊事件（具體見補充）

點擊事件里給button標簽加一個自定義屬性，存上次點擊時間

Ⅲ 如何通過js控制刷新頁面重復提交form表單問題

1、用 javascript 設置一個變數，只允許提交一次；
參考如下：
<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="action.php" method="post" onsubmit="return checkSubmit();">

用 javascript 將提交按鈕或者 img 置為 disable；
參考如下：
<form action="action.php" method="post" onsubmit="getElById('submitInput').disabled = true;return true;">
<img styleId="submitInput" src="images/ok_b.gif" border="0" />
</form>

Ⅳ js 怎樣防止刷新重復提交

第一種方法：
<script
language="」javascript」">
var
checkSubmitFlg
=
false;
function
checkSubmit(){
if(checkSubmitFlg
==true){
return
false;
//當表單被提交過一次後checkSubmitFlg將變為true,根據判斷將無法進行提交。
}
checkSubmitFlg
==true;
return
true;
}
<
/script
>
<
form
name=」form1」
method=」post」
onsubmit=」return
checkSubmit();」>
………..<
/form>
第二種方法：
在onsubmit事件中設置，在第一次提交後使提交按鈕失效，代碼如下：
<form
action=」about:blank」
method=」post」
onsubmit
=」getElementById(『submitInput').disabled=true;return
true;」
target=」_blank」>
<input
type=」submit」
id=」submitInput」/>
</form>
<script
Language='JavaScript'>
function
formsubmit()
{
Today
=
new
Date();
var
NowHour
=
Today.getHours();
var
NowMinute
=
Today.getMinutes();
var
NowSecond
=
Today.getSeconds();
var
mysec
=
(NowHour*3600)+(NowMinute*60)+NowSecond;
if((mysec-document.formsubmitf.mypretime.value)>600)
//600隻是一個時間值，就是5分鍾內禁止重復提交，值隨你高興設
{
document.formsubmitf.mypretime.value=mysec;
}
else
{
alert('
按一次就夠了，請勿重復提交！請耐心等待！謝謝合作！');
return
false;
}
document.forms.formsubmitf.submit();
}
</script>
</HEAD>
<BODY
BGCOLOR="#FFFFFF">
<form
name=formsubmitf
id
="the"
method="post"
action="XXX.asp">
<input
type=hidden
name='mypretime'
value='0'>
//這句不能少，用隱含變數傳遞一個時間初值
//這里是你要提交的內容
<input
type="button"
value="寫好了"
name="button1"
class="4round"
onclick='formsubmit()'>
<font
class="red">(請按一次，耐心等待！)</font>
<input
type="reset"
value="重
寫"
name="button2"
class="4round">
</form>
望採納！

Ⅳ vue.js怎樣解決按鈕多次點擊重復提交

建議使用ref，給button添加註冊ref引用，然後在表單提交的時候，獲取button按鈕，使其disable置灰。

ref被用來內給元素容或子組件注冊引用信息。引用信息將會注冊在父組件的$refs對象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子組件上，引用就指向組件。

<divid="app">
<buttonref="mybutton"type="primary"@click="save">保存</button>
</div>

<script>
newVue({
el:"#app",
data:{
},
methods:{
	save(){
	this.$refs.mybutton.disabled=true;
}
}
})
</script>
<style>
:disabled{
border:1pxsolid#DDD;
background-color:#F5F5F5;
color:#ACA899;
}
</style>

Ⅵ JSP中如何防用戶重復提交

1、首選在提交處理的代碼中要加入重復記錄的判斷功能，比如在往資料庫里保存的時候，要判斷信息是否重復，然後再保存。
2、設置頁面過期，後退後，頁面實效。

Ⅶ javaweb防止表單重復提交的幾種解決方案

1.js方法解決:關於js方法解決就是說通過js動態控制提交按鈕不能多次點擊，或者多次點擊不起作用。

方案一:通過設立標識使表單不能重復提交:

要強調的是，利用session方法解決表單重復問題是十分完美的，基本上可以應對各種重復提交問題。

但！是不是之前在客戶端防止表單重復提交的種種方法就不使用了呢？

答案是否定的，我們需要多種方法混合使用才能達到最好的效果，也許有人會問，不是說session方法基本可以應對各種重復提交問題了嗎？

這里我們所說的達到最好效果指的是，給用戶更好地體驗，例如用戶點擊了提交按鈕，這時將按鈕變為不可用的，用以告訴用戶你已經提交內容了，不可重復提交。還有如果無論什麼情況都用session防止表單重復提交問題，反而無形的增加了伺服器端的負擔。

Ⅷ js 怎樣防止刷新重復提交

1、用 javascript 設置一個變數，只允許提交一次；
參考如下：
<script type="text/javascript">
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="action.php" method="post" onsubmit="return checkSubmit();">

用 javascript 將提交按鈕或者 img 置為 disable；
參考如下：
<form action="action.php" method="post" onsubmit="getElById('submitInput').disabled = true;return true;">
<img styleId="submitInput" src="images/ok_b.gif" border="0" />
</form>

導航:首頁 > 編程語言 > js按鈕防止重復提交

js按鈕防止重復提交

與js按鈕防止重復提交相關的資料

友情鏈接