html网页表单禁止鼠标单击触发2次提交事件
表单提交网页,分明用户只单击了一次【提交按钮】,但是查询数据后显示同时有两条数据,这就是鼠标单击触发2次提交事件。
解决方法:
① 后台处理数据时,查询是否已经有满足某些条件的同一数据,比如同一天已经有数据了。但是这种方法有局限性,要看处理的数据是否有支持这种条件的数据结构。
② 通过Jquery js代码,在检测到点击提交按钮后,立即禁用该按钮,后台数据入库成功后,又重新载入表单页面进行刷新,使按钮恢复。
$(‘表单元素’).submit(function(){
$(‘inpupt[type=”submit”]’). $(‘inpupt[type=”submit”]’).attr(‘disabled’,true);
});