避免在submit类型的标签中的onclick响应中提交表单

最新推荐文章于 2021-08-05 13:37:47 发布

lichen782

最新推荐文章于 2021-08-05 13:37:47 发布

阅读量113

点赞数

分类专栏： web

web 专栏收录该内容

3 篇文章

订阅专栏

本文探讨了一种特殊情况下表单重复提交的现象，并分析了在点击事件中触发表单提交可能导致的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

奇怪得很，用<s:submit οnclick="functionname();"/>这样的标签的时候，提交老是出现重复的记录，貌似提交了两次。然后看functionname中函数做了submit动作，但是有时候是一次，有时候两次。
看来，还是应该避免这种东西，不要在onclick里面提交表单

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

lichen782

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

利用JS实现按钮onclick提交表单时，按钮无法响应问题

在到处之间找我

04-14

5590

<%@page import="dao.library.com.UserDao"%> <%@page import="java.util.List"%> <%@page import="entity.library.com.User"%> <%@page import="java.util.ArrayList"%> &

表单中submit和button按钮使用和区别

weixin_38851970的博客

07-20

1万+

1.input[type=submit] submit是button的一个特例，也是button的一种，它把提交这个动作集成了。按回车键即提交表单点击提交按钮后url变为？xxx=提交的内容如果表单在点击提交按钮后需要用JS处理后再提交的话，通常都必须把submit改成button，即取消自动提交的行为，否则，会造成两次提交的结果。对于动态网页来说，也就是对数据库操作两次。或者可以在使用submit时验证加return true 或false js中check()函数判断的时候要写 ret

参与评论您还未登录，请先登录后发表或查看评论

点击提交按钮不执行onclick方法

7Nicedays

07-18

1915

错误代码： <input type="submit" value=" 登录 " class="btnGreen" style="width: 330px;height: 45px;" onclick="checkInput()"/> 解决：将type类型换成button，否则不执行方法直接提交 <input type="button" value=" 登录 " class...

JS--JavaScript提交表单（submit事件）、重置表单、取消默认提交表单（单击按钮、回车）

吴声子夜歌的博客

09-27

1万+

提交表单使用< input > 或 < button >标签都可以定义提交按钮，只要将type属性值设置为“submit”即可，而图像按钮则是通过将 < input >的type属性值设为“image”。当单击按钮或图像按钮时，就会提交表单。 submit事件类型仅在表单内提交按钮，或者在文本框中输入文本时按回车键触发。示例1：单击【提交】按钮后，触发sub...

提交按钮（type="submit"）中使用onclick事件

建设美丽祖国

09-18

2万+

转自：https://blog.youkuaiyun.com/opossum/article/details/1261282 提交按钮（），对应事件为FORM的提交事件，有时FORM需要一些验证，比如验证时间（ONSUBMIT=“RETURN CHECKTIME();”），而且时间脚本为共有的，不能轻易修改，现在又想验证某一输入框的值不能为空（只是举例，此问题可以在设计时避免），也就是有两个（多个的话，你...

html表单提交按钮代码,JavaScript在form表单中使用button按钮实现submit提交方法

weixin_29416037的博客

06-09

3144

submit是button的一个特例，也是button的一种，它把提交这个动作自动集成了，submit和button,二者都以按钮的形式展现,看起来都是按钮，所不同的是type属性和处发响应的事件上。在form表单提交中，使用button来间接完成submit的提交更为灵活。下面是实现方法：使用button按钮实现submit提交，需要在button标签中的使用onclick方法，然后在JavaS...

用button提交表单php,JavaScript在form表单中使用button按钮实现submit提交方法

weixin_32597009的博客

03-11

1807

ajax 提交类型,表单提交类型与ajax

weixin_39911998的博客

08-05

280

00x1 问题描述在写蜜罐时，遇到了form表单提交的一个问题。使用ajax方式异步提交表单，点击提交按钮后，1.提交页面刷新。ajax使用的是POST方式提交，但是在地址栏出现了GET方式提交才会出现的地址类型。2.数据库中数据成功入库，但是回调函数不显示。00x2 问题分析及解决数据成功入库，说明ajax提交数据是成功的。而在地址栏中，又出现了GET方式提交才会出现的地址类型，说明表单中的数据...

html——form表单提交方法submit和button

热门推荐

zhangyuliang6430的博客

07-15

3万+

form表单提交方法 1、type=“submit” <form name="form" method="post" action="#"> <input type="submit" name="submit" value="提交"> </form> 2、type=“image” <form name="form" method="post" ac...

JavaScript在form表单中使用button按钮实现submit提交方法

01-19

submit是button的一个特例，也是button的一种，它把提交这个动作...使用button按钮实现submit提交，需要在button标签中的使用onclick方法，然后在JavaScript中实现具体，代码如下： <head> [removed] functio

form.submit()不能提交表单的错误原因及解决方法

09-04

在给出的代码中，`btnSubmit.onclick`事件处理器已经正确地绑定了`formDeal()`函数，该函数调用了`formId.submit()`来提交表单。但是，如果在其他地方存在错误的事件处理或阻止了默认行为（例如`event....

关于layui表单中按钮自动提交的解决方法

10-16

在使用layui框架构建Web应用时，常常会遇到表单中按钮自动提交的问题，这可能导致不必要的数据提交或页面跳转。本文将详细介绍如何解决layui表单中按钮自动提交的问题，以便更好地控制表单行为。首先，我们需要...

php解决和避免form表单重复提交的几种方法

10-21

在PHP开发中，确保表单数据的一致性和避免重复提交是一个重要的问题，因为这可能导致数据库中的数据冗余，甚至可能引发安全风险。以下是一些常用的防止表单重复提交的方法： 1. **JavaScript禁用提交按钮**：当...

基于Simulink的底层模型构建与代码生成系统：DBC自动导入、硬件信号支持

05-02

内容概要：本文深入探讨了Simulink If模块在嵌入式系统开发中的强大功能，特别是在汽车电子领域的应用。主要介绍了两种核心技术：一是DBC文件的自动导入生成模型及代码，二是硬件信号的导入生成模型及代码。DBC文件的自动导入能够快速构建CAN总线通信模型，简化信号解析和报文处理，生成的代码可以直接应用于AUTOSAR架构，实现ASW和BSW的无缝对接。硬件信号导入功能则允许开发者轻松地将硬件设备产生的信号集成到Simulink模型中，自动生成带有信号处理逻辑的代码，适用于实时数据采集和控制算法实现。此外，文中还详细展示了具体的MATLAB代码示例，解释了关键步骤和技术细节。适合人群：从事嵌入式系统开发、汽车电子开发的工程师和技术人员，尤其是那些希望提高开发效率、减少手动配置工作的专业人士。使用场景及目标：① 快速搭建基于DBC文件的CAN通信模型，自动生成符合AUTOSAR标准的代码；② 实现硬件信号的实时处理和控制，如数据采集、信号滤波等；③ 提升开发效率，缩短项目周期，降低错误率。其他说明：文中提到的技术不仅限于汽车电子领域，也可广泛应用于工业自动化和其他需要复杂信号处理和实时控制的场合。

交变磁场对含感应材料沥青路面温度的影响

05-02

内容概要：本文探讨了交变磁场下含感应材料的沥青路面温度变化现象及其背后的物理原理。通过引入交变磁场与感应材料的相互作用，沥青路面能够产生感应电流并转化为热量，从而提高路面温度。文中详细介绍了这一过程的理论基础，如焦耳定律和涡流损耗，并提供了多个Python代码片段用于模拟和验证相关物理现象。此外，还讨论了该技术的实际应用场景，特别是在寒冷地区的冬季融雪除冰方面，以及对道路养护工作的积极影响。同时，文章提到了当前面临的技术挑战，如材料配比、施工难度和成本问题，并展望了未来的发展方向，包括智能化控制系统的应用。适合人群：从事道路工程、物理学、材料科学及相关领域的研究人员和技术人员。使用场景及目标：适用于希望了解新型道路工程技术的研发人员，旨在探索交变磁场与感应材料结合在沥青路面温度控制方面的潜力，推动技术创新和发展。其他说明：文章不仅阐述了基本原理，还展示了具体的数学建模和编程实例，帮助读者深入理解该技术的具体实现方法。同时也指出了现有技术和未来发展的局限性和改进空间。

模块化多电平(MMC)仿真：4电平MMC仿真模型

05-02

内容概要：本文详细介绍了4电平模块化多电平变换器(MMC)的仿真模型建立过程。首先回顾了MMC的基本原理，即通过控制子模块(SM)的投入和切除来合成所需电压。接着分别展示了基于Python和Matlab两种环境下的具体实现方式，包括子模块类的设计、桥臂电压计算、仿真参数配置等。文中不仅提供了完整的代码示例，还分享了许多实用技巧，如避免上下管同时导通、正确处理电容电压平衡、优化载波移相角等。此外，作者强调了实际操作过程中可能遇到的问题及解决方案，例如电容电压纹波过大、IGBT损耗增加、输出电压频谱存在毛刺等。适合人群：从事电力电子相关领域的研究人员和技术人员，尤其是对MMC感兴趣并希望深入了解其内部机制的人士。使用场景及目标：帮助读者掌握4电平MMC的工作原理，学会利用Python或Matlab进行仿真建模，提高解决实际工程问题的能力。其他说明：文章内容丰富详实，既有理论讲解也有实践经验分享，非常适合想要深入学习MMC技术的专业人士阅读。

西门子PLC与发那科机器人协同工作：净水器碳芯检测案例

05-02

内容概要：本文详细介绍了西门子S7-1200 PLC与发那科机器人、三菱伺服以及视觉系统的集成应用，用于净水器碳芯的检测。系统通过PLC进行四轴伺服控制，两台发那科机器人分别完成抓取和分拣任务，视觉系统负责精准定位。文中深入探讨了硬件布局、通讯协议、伺服控制逻辑、机器人程序、视觉处理算法等方面的细节和技术难点，如电机抖动、视觉补偿失效、通讯丢包等问题及其解决方案。最终，系统实现了4.5秒/件的检测节拍，误检率降至0.3%，展示了跨品牌设备高效协同工作的可能性。适合人群：从事工业自动化领域的工程师、技术人员，尤其是对PLC编程、机器人控制、视觉系统集成感兴趣的读者。使用场景及目标：适用于需要深入了解PLC与机器人协作、视觉系统集成的实际应用场景，旨在提高工业生产线的自动化水平和检测精度。其他说明：文中不仅提供了具体的代码示例，还分享了许多调试经验和优化技巧，有助于读者更好地理解和掌握相关技术。

自动泊车APA超声波算法开发技术详解

05-02

内容概要：本文详细探讨了自动泊车辅助系统（APA）中超声波算法的作用及其面临的挑战。首先介绍了超声波传感器的基本工作原理，即通过发射和接收超声波来测量距离。接着阐述了超声波算法在自动泊车系统中的具体应用，如构建车辆周围的环境模型、路径规划以及应对复杂的停车场景。文中还讨论了多种优化算法和技术手段，比如动态阈值调整、概率栅格法、Hybrid A*算法等，旨在提高系统的鲁棒性和准确性。此外，针对实际环境中可能出现的问题，如天气条件对超声波的影响、多传感器数据融合困难等，提出了相应的解决方案，如天气补偿算法、温度补偿模块等。适用人群：从事自动驾驶技术研发的工程师、研究人员，以及对智能交通感兴趣的科技爱好者。使用场景及目标：适用于希望深入了解自动泊车系统内部机制的人群，帮助他们掌握超声波算法的设计思路和实现方式，从而更好地应用于实际产品开发中。其他说明：文章不仅提供了理论知识，还包括大量实用的代码示例，有助于读者快速理解和实践。同时强调了工程实践中遇到的具体问题及解决办法，使读者能够全面认识这一领域的现状和发展趋势。

基于小波变换的图像融合步骤详解：从分解到融合，生成融合图像的过程