防止表单重复提交

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

你可能感兴趣的:(javascript)