防止表单重复提交

多次点击时会导致表单重复提交,我们可以设置定时,用户点击一次后便移除onclick事件,一秒后再自动恢复

 
function click_btn( num) {
if ( num == 1) {
//防止重复提交
$( "#btn"). removeAttr( "onclick");
setTimeout( "$('#btn').attr('onclick','click_btn(1)')", 1000);
}
}

在页面卡顿时多次点击保存也会导致数据重复提交,这时我们可以点击后执行方法设置不能再次点击,当ajax返回data时设置恢复可以点击

//将button的设置为不能点击,防止重复提交
$( "#btn"). attr( 'disabled', 'disabled');
function callBack( data) {
$( '#btnSubmit'). removeAttr( 'disabled');
console. log( "点击事件恢复");
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值