html网页表单禁止鼠标单击触发2次提交事件

overme2个月前 (10-17)网页设计149

表单提交网页,分明用户只单击了一次【提交按钮】,但是查询数据后显示同时有两条数据,这就是鼠标单击触发2次提交事件。

解决方法:

① 后台处理数据时,查询是否已经有满足某些条件的同一数据,比如同一天已经有数据了。但是这种方法有局限性,要看处理的数据是否有支持这种条件的数据结构。

② 通过Jquery js代码,在检测到点击提交按钮后,立即禁用该按钮,后台数据入库成功后,又重新载入表单页面进行刷新,使按钮恢复。

$(‘表单元素’).submit(function(){
  $(‘inpupt[type=”submit”]’). $(‘inpupt[type=”submit”]’).attr(‘disabled’,true);
});

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。