阻止表單提交按鈕多次提交的完美解決方法
來源:易賢網(wǎng) 閱讀:1557 次 日期:2016-06-29 15:16:34
溫馨提示:易賢網(wǎng)小編為您整理了“阻止表單提交按鈕多次提交的完美解決方法”,方便廣大網(wǎng)友查閱!

下面小編就為大家?guī)硪黄柚贡韱翁峤话粹o多次提交的完美解決方法。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考

如果表單是通過onsubmit進行Ajax提交,注意將表單提交按鈕input type屬性設(shè)為button,盡量不要設(shè)置為submit類型。

另外,在提交事件發(fā)出后,最好將提交按鈕設(shè)置為disabled,防止由于網(wǎng)絡(luò)延時問題,讓用戶有機會進行多次點擊重復(fù)提交。

onclick事件里面執(zhí)行 $(this).attr('disabled','disabled'); 在點擊一次后立馬將按鈕設(shè)置為不可使用。

或者向如下方法另行定義一個jQuery函數(shù)來進行控制:

$("form").submit(function(){

$(":submit",this).attr("disabled","disabled");

});

以上這篇阻止表單提交按鈕多次提交的完美解決方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考

更多信息請查看網(wǎng)絡(luò)編程
易賢網(wǎng)手機網(wǎng)站地址:阻止表單提交按鈕多次提交的完美解決方法
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點

版權(quán)所有:易賢網(wǎng)