多次点击时会导致表单重复提交,我们可以设置定时,用户点击一次后便移除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(
"点击事件恢复");
}