我爱自学

 找回密码
 会员注册

QQ登录

只需一步,快速开始

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

html表单页面,用户鼠标左键分明只点击了一次,但是数据库同一时间却存储了2条数据,这是怎么回事呢!本文分享原因和解决方法!

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

解决方法:

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

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

$('表单元素').submit(function(){
  $('inpupt[type="submit"]'). $('inpupt[type="submit"]').attr('disabled',true);
});
点击阅读更多内容!
如果您觉得文章内容帮助到了您,不妨点点感兴趣的广告。感谢您的支持!

微信扫一扫打赏

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 会员注册

本版积分规则

手机版|小黑屋|我爱自学 ( 蜀ICP备19015358号-3 )

GMT+8, 2024-4-28 16:16 , Processed in 0.054077 second(s), 26 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

本站大部分教程是网站原创教程,一部分教程为我爱自学(http://www.5izixue.com)编辑收集整理。

如果您需要转载我爱自学网站教程,请注明“资料来源:我爱自学(5izixue)”字样并注明本站网址。

编辑收集整理的教程版权归原作者所有,本站只提供网友交流学习使用,请勿用于商业用途,如果该文章有任何侵犯您权益的地方,请联系我们(569705694@qq.com),我们将在第一时间进行处理!谢谢您的支持!

快速回复 返回顶部 返回列表