200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > Jquery 实现表单提交按钮变灰 防止多次点击提交重复数据

Jquery 实现表单提交按钮变灰 防止多次点击提交重复数据

时间:2021-01-24 16:34:29

相关推荐

Jquery 实现表单提交按钮变灰 防止多次点击提交重复数据

web前端|js教程

jQuery,表单

web前端-js教程

哔哩哔哩源码,vscode选择相同,ubuntu xls,tomcat 查找日志,sqlite怎么保存数据,图片涂抹js插件,h-ui前端框架表格,爬虫错误代码l,php 查询功能,网站seo设计流程,网站源码是用什么,网页在线聊天源码,淘宝模板升级lzw

表单提交时候我们应该控制提交按钮,不能点击多次进行数据的重复提交。要不然就会有冗余的重复的数据在系统中,造成系统出现数据垃圾。jQuery很简单的就可以实现对表单提交按钮控制,下面就是相关的例子和代码。

android asynctask 源码,vscode查历史记录,ubuntu 只读修改,tomcat非法退出日志,家里墙上爬虫,国内主流的php框架,廊坊关键词seo推广优势lzw

姓名:$("#submit").click(function(){ $(this).attr("disabled","true"); //设置变灰按钮 $("#messageForm").submit();//提交表单 setTimeout("$(#submit).removeAttr(disabled)",3000); //设置三秒后提交按钮 显示})

附:其他的实现方法,也使用了js

腾讯应用qq空间笑话源码,Ubuntu连接无线鼠标,tomcat的安装功能选择,python 爬虫新闻,Php人员轨迹分析,四川seo新手快速入门专业操作lzw

第一种:

按钮变灰

name:

第二种:

function submit() { var submitId=document.getElementById(submitId); submitId.disabled=true; document.fm.submit(); setTimeout("submitId.disabled=false;",3000); //代码核心在这里,3秒还原按钮代码}

前后代码进行控制,后台代码也要进行控制,这样子就可以确保万无一失了!

后台代码控制表单提交有一个好的办法就是使用session, 具体可以参考下面这篇博文:

其实后台控制表单重复提交的原理:

(1)在表单提交页面生成一个唯一的token;token可以保存在session中。(若使用了缓存,也可以保存在缓存中)

(2)提交的时候验证,后台首先验证token,验证通过,才可以进行提交操作;

(3)当表单数据提交成功(保存到数据库-持久化),然后删除session(缓存)中对应的token。

更多相关教学请访问 JavaScript视频教学

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。