今天做了一个扣除用户金额,解决重复提交问题,这里用了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 业务逻辑执行失败了,打开锁 } }); }
以上就是一个简单的阻止重复提交,另外有禁用按钮,使用定时器的效果,也是可以实现的。具体就不做列子了。有兴趣的朋友可以去试试。