如何避免点击一次from中的button按钮，表单就提交一次

最新推荐文章于 2023-11-21 14:20:07 发布

原创最新推荐文章于 2023-11-21 14:20:07 发布 · 1.8k 阅读

1 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

9 篇文章

订阅专栏

本文介绍如何在HTML中将button元素的type属性设置为button，以确保按钮仅触发JavaScript事件，而不提交表单。通过示例代码展示了正确的使用方式。

button没有涉及type类型
1.将button按钮的type设置成“button”

<button **type="button"** style="height: 20px; width: 60px; background-color: AliceBlue;" 
							onclick="xjdjBtn.xjdj_ck(mini.get('GMSFHM').getValue(),'GMSFHM')">查看</button>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

码笼包

关注关注

0
点赞
踩
1

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

让submit只提交一次

05-16

让submit只提交一次

解决layui中的form表单与button的点击事件冲突问题

10-18

在开发Web应用时，我们经常会遇到各种前端框架的交互问题，其中之一就是在layui中处理form表单与button点击事件冲突的问题。layui是一个轻量级的前端组件库，它提供了丰富的UI元素和交互功能，包括表单组件和按钮。...

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

button提交 form表单

狼魂之力

09-04

519

<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ page import="java.net.URLDecoder"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+"

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

10-20

在form表单提交中，使用button来间接完成submit的提交更为灵活。接下来通过本文给大家介绍JavaScript在form表单中使用button按钮实现submit提交方法，需要的朋友参考下吧

button按钮提交表单问题

牧小七的博客

02-24

2373

问题描述：表单中嵌套按钮，在点击按钮时会自动提交表单 <form action="/save"> <button>提交</button> </form> 原因分析：表单中的button按钮，没有指定 type="button"，则默认是 submit 类型，所以当点击按钮时会提交表单解决方案：在 button 标签中添加 type="button" 属性 <form action="/save"> <button

在一个form用一个SUBMIT(或button)分别提交到两个处理表单页面的代码

10-31

在一个网页表单(form)中，通常我们通过设置不同的提交按钮(submit或button)来实现将数据提交至不同的处理页面。然而，在某些特定情况下，我们可能需要仅使用一个提交按钮(submit或button)来将表单数据同时提交到两个...

from表单多个按钮提交用onclick跳转不同action

12-12

//下面input框提交的action不同，用onclick跳转，写一个js方法 <input type=”button” class=”mulButton” name=”Ids” id=”allcheck” onclick=”manySend(‘ad/BusinessAction!sendmany.action’)” value...

form表单下的button按钮会自动提交表单的问题

NsdnResponsibility的博客

03-28

6601

form表单下的按钮在没有指定type类型的时候，如果我们同时给其添加了点击事件的话。会发现我们在点击的时候回默认的把表单也给提交了。如：<script type="text/javascript"> function validate(){ alert("test"); } </script> <button id="validate" onclick="vali

点击button自动提交表单

许诗宇的博客

12-29

6434

一个button在一个表单内，点击它直接会让表单提交如一个<button>test</button> 原因是button如果不设置它的type，它的type默认是submit，而button在表单会让它自动提交所以要设置它的type="button"...

踩坑：form表单中button按钮，点击后提交表单

这是我的笔记本，记录学习历程，分享学习经验，菜鸡一枚，感谢支持！

05-22

1358

我当时是在JSP中写的这段代码，我一直以为只是JSP的问题，然后又开始怀疑jQuery的问题，都没有解决。然后终于在网上找到了相关的文章。以下来自MDN的官网文档中的说明。

JavaScript笔记-点击button提交form表单

IT1995的博客

03-10

5791

功能如下：点击购买后，点击确定。确定调用了一个js函数，提交form表达给后端代码如下： <div class="modal-footer"> <button type="button" class="btn text-white border bg-dark" data-bs-dismiss="modal">取消</button> <button type="button" class="btn text-white border bg

JavaScript基础3——使用Button提交表单

weixin_34342578的博客

09-12

163

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>使用Button提交表单</title> 6 </head> 7 <body>...

提交表单~

AturboS的博客

08-09

1806

.1提交表单表单是通过用户点击提交按钮或图片按钮的方式提交的。提交按钮可以使用 type 属性为"submit" 的<input>或<button>元素来定义，图片按钮可以使用 type 属性为"image"的<input>元素来定义。点击下面例子中定义的所有按钮都可以提交它们所在的表单：  <input type="submit" value="Submit Form"> <!--..

2023.11.21使用＜button＞元素来触发form表单和数据提交

leigh_chen的博客

11-21

2434

除了使用``中的`submit`方式进行form表单和数据提交，还可以使用button方式，两种方式视使用场景，各有优点。

点击button自动提交表单原因及解决方案

Gabriel576282253的专栏

04-01

1135

分析情景描述有时候我们可能需要在表单中放置多个按钮，比如表单页面常见的按钮有创建和取消。点击创建按钮会触发单击响应事件，在单击响应事件中进行提交表单，这没有任何问题。点击取消按钮的时候，触发对应的单击响应事件，这个单击响应事件中主要处理关闭表单页面逻辑，所以会关闭页面，这也正常。但是！打开控制台监听请求会发现，它也会提交表单。图示关于途中三个按钮的代码片段 <!-- 新增...

from表单中button按钮自动提交表单内容

Yy02123的博客

02-10

708

from表单中button按钮自动提交表单内容。一、问题描述：给button按钮绑定click事件，使用ajax向后台提交数据，在回调函数中无法实现页面跳转，并且页面会自动刷新。有时回调函数中的语句还会出现不执行等情况。这些情况的产生完全取决于form表单在button按钮被点击后什么时间自动刷新页面。二、解决方案： 1、设置 form 的 οnsubmit=‘return false’; 2、不使用form表单 3、中添加type="button"属性 ...

form表单中button按钮自动提交数据

hotchange的博客

07-07

8105

from表单中button按钮自动提交表单内容。问题描述：给button按钮绑定click事件，使用ajax向后台提交数据，在回调函数中无法实现页面跳转，并且页面会自动刷新。有时回调函数中的语句还会出现不执行等情况。这些情况的产生完全取决于form表单在button按钮被点击后什么时间自动刷新页面。解决方案： 1、设置 form 的 onsubmit='return fal...

from里button会提交表单

weixin_30287169的博客

11-04

今天遇到一个奇怪的问题: 现象:写在from中的buton会提交表单,查了半天资料发现原因了: button的默认type='submit' ,所以要加上type='button' ps:在ie中是type='button',但是在其他浏览器是type='submit', 转载于:https://www.cnblogs.com/songfahzun/p/4936629.html...

from表单中，如何防止快速点击出现二次提交情况