下面小編就為大家?guī)?lái)一篇阻止表單提交按鈕多次提交的完美解決方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考
如果表單是通過(guò)onsubmit進(jìn)行Ajax提交,注意將表單提交按鈕input type屬性設(shè)為button,盡量不要設(shè)置為submit類型。
另外,在提交事件發(fā)出后,最好將提交按鈕設(shè)置為disabled,防止由于網(wǎng)絡(luò)延時(shí)問(wèn)題,讓用戶有機(jī)會(huì)進(jìn)行多次點(diǎn)擊重復(fù)提交。
onclick事件里面執(zhí)行 $(this).attr('disabled','disabled'); 在點(diǎn)擊一次后立馬將按鈕設(shè)置為不可使用。
或者向如下方法另行定義一個(gè)jQuery函數(shù)來(lái)進(jìn)行控制:
$("form").submit(function(){
$(":submit",this).attr("disabled","disabled");
});
以上這篇阻止表單提交按鈕多次提交的完美解決方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考
2025國(guó)考·省考課程試聽(tīng)報(bào)名