今天做了一个扣除用户金额,解决重复提交问题,这里用了layer,您可以注释。
/*提交表单*/
var lock = true; // 锁住表单 1.这里定义一把锁
function submit(){
if(!lock){ // 2.判断该锁是否打开,如果是关闭的,则直接返回
return false;
}
lock = false //3.进来后,立马把锁锁住
var index = layer.load(1, {
shade: [0.1,'#fff'] //0.1透明度的白色背景
});
$.ajax({
url:'/invest/investOrder.shtml',
type:'post',
data:$("#investForm").serialize(),
success:function(data){
if(data == 'SUCCESS'){ // 4.业务逻辑执行成功回调
layer.msg("投标成功!正在跳转...",{shift:1},function(){
window.location.href = "/invest/loandetails.shtml?loanId="+$("#loanSignId").val(); // 5.这一步已经不需要管锁了,直接跳转到新页面了,看你的需求
});
}else{
layer.msg("投标失败!");
lock = true;// 4.1 业务逻辑执行失败了,打开锁
}
layer.close(index);
},
error:function(data){
layer.msg("网络出错,请稍后再试!");
layer.closeAll("loading");
lock = true;;// 4.2 业务逻辑执行失败了,打开锁
}
});
}
以上就是一个简单的阻止重复提交,另外有禁用按钮,使用定时器的效果,也是可以实现的。具体就不做列子了。有兴趣的朋友可以去试试。