type:submit的重重提交问题

最新推荐文章于 2022-06-27 17:26:43 发布
最新推荐文章于 2022-06-27 17:26:43 发布
阅读量719 收藏
点赞数
分类专栏： 使用display:table-cell使层在外层中垂直居中 min-height min-width clear:both display:table-cell table td的高度设置 css em的使用方法 clientHeight 文章标签： submit
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sunny327/article/details/51556664
版权

项目中遇到的问题，产品说用户去评论时，有可能是在网速比较慢的情况，导致重复提交同一个评论。因为是用form表单的submit按钮提交的，所以不能给用ajax的那种方法。经过上网搜索相关内容，决定用disabled。给当前form表单加上οnsubmit='$("input[type='submit]").attr('disabled',true)'; 因为提交表单后就刷新页面了，所以不用担心，再去评论时按钮不能点击。默认的就是可点击的，并且这样处理了之后也保证 了form表单可以提交。


如果遇到点击评论之后不会刷新页面的情况，则在提交之后，且成功了，后台在回写数据的时候，再把disabed设置为false就可以

sunny327
关注
专栏目录
【VS开发】免费打工仔:一个完善的ActiveX Web控件教程
ZhangPY的专栏
07-24 1769
作者 David Marcionek. 翻译 免费打工仔 这个教程可以帮助你快速开发一个ActiveX控件。其中将要讲解关于ActiveX开发的一些基础概念，诸如方法（method）、属性（propertiy）和事件（event），以及ActiveX控件和网页之间的通讯方法。 下载演示程序 - 231 Kb     目录 [隐藏] 1
url多重定向
好吃懒做不劳而获是终极目标
01-11 599
有的时候我们需要用一个函数处理多个URL # 2.X以后变为 urlpatterns = [ path('admin/', admin.site.urls), path('baidu/', views.baidu), path('login/', views.login), path('baidu/2003/', views.baidu), path('...
form表单重复提交，type=“button”和type=“submit”区别
weixin_30815469的博客
11-20 92
公司测试提了一个项目后台在IE浏览器下（360，firefox就没问题）出现数据重复的问题，调试了好久终于发现问题所在，也不知道是谁写的代码，醉醉的。。。。 错误地点： <input type="submit" value="提交" class="btn" id="formSubmit" onclick="checkForm()" /> type类型写成submit，而在c...
type=submit表单提交
weixin_49884163的博客
08-08 2579
type=submit 是发送表单 (1)Submit将表单提交(form.submit())作为其onclick后的默认事件，Button并非如此 (2)表单提交时，所有具有name属性的html输入元素(包括input标签、button标签、select标签等)都将作为键值对提交，除了Submit对象。 Submit对象只有在自己被单击后的提交中才会作为键值对被提交。 οnclick="form1.action='a.jsp';form1.submit();" 这样就实现了submit的功能了。
解决表单重复提交的简单方法
chenzao的博客
07-26 1万+
在平时开发中，如果网速比较慢的情况下，用户提交表单后，发现服务器半天都没有响应，那么用户可能会以为是自己没有提交表单，就会再点击提交按钮重复提交表单，我们在开发中必须防止表单重复提交。 一、表单重复提交的常见应用场景 有如下的form.jsp页面 &lt;%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%&g...
type="submit"表单提交理解
热门推荐
aiquan6271的博客
07-07 1万+
1、默认为form提交表单 . button则响应用户自定义的事件,如果不指定onclick等事件处理函数，它是不做任何事情.当然，button也可以完成表单提交的工作. 2、method="get"，表单在提交时，填写在表单中的数据会和action="url"中的url编码在一起。 method="post"，表单在提交时，填写在表单中的数据将在底层发送到action="url"中的...
表单重复提交问题解决办法
Sun_of_Rainy的博客
06-19 1919
一、出现表单重复提交的原因 二、解决问题的办法 （1）从前台解决 （2）从后台解决
Form表单查询信息返回问题
lee_master的博客
05-14 2605
本人系小白一枚，前不久刚刚接触Spring MVC，然后问题重重。对于下面的问题，大佬勿喷，仅供和自己一样初入SM的小白参考。因为某些原因文中部分ID做了处理。 由于客户需求，需要做检索功能，大体样式如下图： 代码实现如下： <form:form id="xxxx" modelAttribute="XXXXXXXX" action="${ctx}/UR...
WEB前端学习笔记-HTML
祁十二的博客
02-05 302
** 001-我的第一个html文件.html <!--头--> <head> <!--网页标题，显示在网页左上角--> <title>网页的标题</title> </head> 网页的主题内容，欢迎学习HTML! </body> </html&gt...
【PMI-PMP®模考三】2022
lingbin418的专栏
06-27 6223
1、 项目经理说：“我现在不能处理这件事。"此时，该项目经理用的何种冲突解决技巧？ What conflict resolution technique is a project manager using when he says, I cannot deal with this issue now! A ：解决问题 Problem solving B ：强迫 Forcing C ： 撤退 Withdrawal D ：妥协 Compromising * * 正确答案：C 你的答案：C解析：知识点出处： P
表单提交中的input、button、submit的区别
weixin_30376163的博客
12-29 2419
　　最近项目中用了很多的表单提交，发现input、button、submit甚至回车键都可以引发表单提交，下面将分别验证他们在使用中的区别。 1.input[type=submit] 我们直接来看例子： 代码如下： <form> <input name="name"> <input type="submit" value=...
表单提交type="submit"&&type="image"的区别
lwf的博客
09-06 4489
type=”submit”&&type=”image”的区别:  我们知道type=image可以作为表单的图片按钮，表面上 type=image和type=submit都可以相应回车，并且都能提交。 唯一的区别：type=image的input提交方式会把按钮点击的位置坐标x,y提交过去。   对于通常的表单应用来说，这样多一两个参数并没有问题，因为我们在接收端中都是按照指定的名称来处理参数，
html input中 button和submit的区别 （转帖）
weixin_30289831的博客
08-14 221
type=button 就单纯是按钮功能 type=submit 是发送表单 但是对于从事WEB UI的人应该要注意到，使用submit来提高页面易用性： 使用submit后，页面支持键盘enter键操作，而很多WEB软件设计师，可能没有注意到submit统一. 用button后往往页面不支持enter键了。所以需要支持enter键，必须要设置个submit...
submit 防止重复提交 --禁止提交
weixin_30530939的博客
06-15 761
<form action="/apply/apply" method="POST" id="indentForm"> <p class="submitBtn"><input type="submit" id="subBtn" value="提交"></p> </form> $(document).ready(functi...
关于input不同type值的样式重置
大白兔
05-26 8882
所有type通用样式：.input-wrap input{ display: block; outline: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom: 30px; }1、type=”button/submit
input或者button type=submit，设置disabled属性后，无法提交代码到后台
weixin_30865427的博客
07-05 704
input或者button type=submit，，为了不能连续点击多次，开始设置了attr('disabled', true),但是发现后面的表单验证和上传就失效了 解决方法设置 css("pointer-event": "none") 想重新继续点击的话css("pointer-event": "inherit") 鼠标原有的事件不能实现 pointer-events:none ...
使用了<input type="submit" value="Submit" onclick="this.disabled=true" />不能提交
legend_x的专栏
07-02 3687
使用了不能提交 2009-02-02 14:43I_love_Lily | 分类：JAVA相关 | 浏览17579次 我打算在用户提交表单时，只能点击一次提交按钮，当然这时网页有一段等待时间，这等待期间要禁用提交按钮，以免用户重复点击。 使用了 虽然把提交按钮禁用了，但是不能提交数据了 分享到： 2009-02-02 14:5
探索页面提交新方式：多种submit实现
<input type="submit" name="submit22222222" value="提交" class="topbutton2" onclick="stat();"> ``` 这里，`onclick`属性定义了一个JavaScript函数`stat()`。当用户点击这个按钮时，会执行该函数。函数首先...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值