如何简单的解决手速太快,点击button太多,而造成数据多次提交

最近,在调试bug的时候,因为闲的的无聊,我就在一次提交数据的button上面,我发疯了似的多次点击数据,而令我没有想到的是,没想到这个系统给我建立了许多相同的对象,我们今天的问题就要从这个里面探讨:

如,有这样的一个BUTTON, <input type="button" value="申请" id="appBtn" οnclick="return submit()">跳转到到js中的submit()中,我们可以在这个页面上加上如下代码

<script type="text/javascript">
$("#appBtn").click(function(){
    //让button无法再次点击
    $(this).attr("disabled","disabled");
    //执行其它代码,比如提交事件等
    //myFunc();
});

这个appBtn是这个button的id,则此时,你只有点击第一次有效,当你连续点击的时候,当点击第一次,他就把这个的button设置为disabled,即使你后面的速度即使很快,但是你也根本点击不了数据,这样就解决了多次提交Click的问题

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值