关于网页中点击两次提交按钮才有反应的解决方法

最新推荐文章于 2025-09-22 14:11:20 发布
最新推荐文章于 2025-09-22 14:11:20 发布 · 356 阅读 · 0
文章标签：

#前端 #javascript #ViewUI

本文探讨了在IE6浏览器中使用特定JavaScript语法提交表单时遇到的问题，并提供了解决方案。具体表现为首次点击无效，需二次点击才能正常提交。解决方法为移除函数调用后的分号。

一种是内嵌入编译器的，这个就不说了

第二种我遇到的，平时提交表单时候喜欢这样写onSubmit="return check();"这样在IE6下就会出现点击第一次没有反应，点击第二次才会提交表单

解决方法就是去点分号,........onSubmit="return check()" 囧...

iteye_15968
关注
关于LayUI弹出层请求一次其他网页后无法再次点击按钮问题
0x3F3F3F3F
06-11 831
使用layer弹出层去请求另一个页面，关闭弹窗后本页面按钮无法点击也不报错,如下面弹窗代码目前可以确定的是和请求的页面也导入了layui.js有关，删除即可正常使用.但删除弹窗请求页面的导入layui.js页面的语句会导致部分组件无法加载问题，如下图。
场景重现：浏览器上点击提交/保存按钮偶发产生重复数据
狮子的博客
07-28 981
一般我们针对一些比较重要的场景是需要做下弱网表单重复提交测试，比如BS收银结算、App/BS提交订单、App/BS加入购物车、限时抢购、限时礼券大放送等并发量比较高的场景；一般我们猜测，这些问题的产生比如用户或服务器网络慢，点击按钮迟迟没有反应，造成用户多次点击按钮，此时如果按钮没有做防止重复点击，可能会提交多条重复数据至后台。第二步、BS快速操作保存。可以看到快速点击后多次调用了保存接口。那么我们可以使用谷歌浏览器自带工具模拟网速慢时触发按钮的情况。我们在测试环境按照客户的步骤操作没法很好的重现。....
form.on(‘submit(component-form-submit)‘, function (data) {}重复提交问题
superioc的博客
09-01 551
1.方法结尾没有添加 return false; ，添加上即可阻止表单跳转 2.重复引入了layui.js，去掉其中一个即可解决重复提交问题
asp表单提交两次问题
daqiaonanlu2000的专栏
08-03 595
image按钮本身就是提交表单的按钮，除非你在onclick事件或表单的onsubmit事件中return了一个false值。 你的代码中image按钮提交一次，onclick事件中又提交一次，当然就提交了两次 解决办法2种： 1、去掉image按钮onclick事件中的t
表单提交时要点击两次按钮（Validform验证）才能成功的解决方法
Carey
09-05 5959
原因分析： 因为表单控件中含有ajax验证，所以在点击提交按钮时，会先执行submit，但由于此时含有ajax验证的控件还未执行验证，所以并未提交成功，然后再执行控件的blur事件对控件内容进行验证，如果验证通过，那么此时再点击一次提交按钮就会提交成功。解决方法： 修改验证的触发事件，Validform默认的验证触发事件是blur，可以修改为在触发keyup事件时进行验证，在用户输入时即时验证，
深入理解网页中的Click事件：从基础到进阶
最新发布
alphageek8的博客
09-22 828
本文将深入探讨网页开发中的Click事件机制，从基础概念到高级应用全面解析。文章首先介绍Click事件的三阶段触发过程（mousedown-mouseup-click），然后详细讲解事件冒泡原理及其应用场景。对比了onclick属性和addEventListener的优劣，特别强调了移动端300ms延迟问题的解决方案。重点介绍了事件委托的性能优化技巧，以及防抖和节流等实用模式。最后还涵盖了无障碍访问、现代框架事件处理和性能监控等进阶内容，为开发者提供了一套完整的Click事件处理知识体系。
【前端组件库中的PNGIMAGE按钮】：10种最佳实践与集成方法
PNGIMAGE按钮作为组件库中的一个关键元素，其设计和实现对用户体验和网页性能均有显著影响。本文首先概述了前端组件库以及PNGIMAGE按钮的基本概念，随后详细探讨了PNGIMAGE按钮的设计原则，包括一致性的界面设计、...
JavaScript与jQuery中的事件处理：让网页交互起来
JavaScript能让网页对访问者的操作做出反应，比如鼠标悬停在导航按钮上弹出链接菜单、选择单选按钮显示新的表单选项、点击小图片使页面变暗并弹出大图等。这些网页能够响应的不同访问者操作被称为事件，JavaScript是...
跨域问题 bug: 出现问题前端项目点击无反应，后端项目无问题的解决方案
2301_79779756的博客
05-07 940
跨域问题（CORS, Cross-Origin Resource Sharing）是在Web开发中经常遇到的一个问题。当前端项目（如一个Web应用）尝试从与自身不同源（协议、域名或端口）的后端服务获取资源时，如果后端没有正确地配置CORS策略，浏览器就会阻止这个跨域请求，从而可能导致前端页面出现功能失效或无响应的情况。
Button需要点击两次才触发点击事件问题
qq_31608451的博客
03-28 6983
在做Mstar的平板项目时，因为要用到遥控器和触摸双控制，所以在做launcher的时候将button按键的属性设置成android:focusableInTouchMode="true"，达到了想要的结果，触摸跳转到相关应用退出后会在button上聚焦，方便这时可以遥控操作，但是 button的点击事件就出现问题了，第一次点击只是button聚焦，需要第二次点击button的点击事件才会被触发，
关于javascript的按钮需要点俩次才能触发的原因
yydszcsyyds的博客
10-24 523
但是在实际点的时候会发现需要点俩次才能触发正在函数的代码 这样的原因是 当函数被调用第一次执行时并不能不断 disolay的值 dom节点没有对该节点添加。现在就已经解决了 不能声明在 函数内部 不然每次进这个函数 display的值都会 变为 block。上述代码看起来并没有问题判断自身的 display的值 是否为 none/block。th.value = '开启宠物'th.value = '关闭宠物'th.value = '开启宠物'th.value = '关闭宠物'
jquery validate组件导致表单onsubmit事件执行两次
weixin_33994444的博客
12-15 498
这是今天在工作中遇到的一个问题。由于业务需要在原来表单提交时增加一段新的校验逻辑。 原来的逻辑如下（代码都做了简化）： 在表单提交时，使用check方法校验 <formonsubmit="return check();"> 方法代码： functioncheck(){ if(...){ alert("xxx"); ...
彻底解决web调试时，修改css样式后刷新网页无改变
岩浆李的游鱼
07-12 6017
一、在修改css样式刷新网页无反应时 网上介绍了加时间戳什么的。个人觉得开发完网页还需要去去掉这些时间戳，正解是Ctrl+F5 二、Ctrl+F5刷新网页时，修改的css还是没有变化怎么办？ 这个时候绝大多情况下跟每个浏览器自身的缓存机制有关。而且大部分这个情况是单页面项目，这个时候按以下操作解决： 按下F12 - - - >选中Network - - -> 勾选Disable cache - - -> 这个时候在按Ctrl+F5 （这样就解决了web调试时，修改css样式无改变的情况
html中点重置和提交没反应,网页点提交按钮没反应 js提交表单，点击按钮无反应...
weixin_32023109的博客
06-03 5120
有时候点击网页上的按钮没反应，比如知道里的“提交网速没问题，360网速检测为：下载速度206kb/s 浏览器：360最新版和ie9 同样问题，关注~~~~~~~~~~· 问题已经解决： 在IE9地址栏右侧，有“放大镜”、“文档”、“刷新”、“关闭”四个图标 点击“文档”——兼容性视图，就OK了 高级设置的话 浏览器最上面标题栏-》 右键-菜单栏(把菜单栏显示出来)-》在弹出的菜单栏中。IE浏览器 ...
提交按钮默认不可点击，表单input输入正确后才可点击
热门推荐
this_ITBoy的博客
07-11 2万+
在做表单验证的时候，经常会遇到表单提交时按钮样式的问题，这里可以给出较为详细的方案。 如图： 输入前提交按钮置灰且不可点击，当账号和密码都输入正确后，按钮才会变成可点击的红颜色。 之前我一直在想怎么获取input的变化也就是change事件，其实input是没有change事件的，倒是有一个propertychange事件，这个在上面的文章有提到过。这个propert
掌握POST方法提交网页表单数据的技巧
表单提交的常见方法有两种：GET和POST。使用POST方法提交数据相对较为安全，因为它不会在浏览器地址栏中显示数据，也不会限制数据的大小。本文将详细介绍如何使用POST方法提交网页表单中的数据，同时也会涉及VB语言...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值