页面点击button自动提交form表单的解决办法

最新推荐文章于 2023-11-21 14:20:07 发布
最新推荐文章于 2023-11-21 14:20:07 发布
阅读量2.3k 收藏
点赞数 2
分类专栏： 踩坑之路
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/SY199505/article/details/52525313
版权

今天遇到一个很恶心的问题，form表单底下的button按钮标签 每次点击 都会将表单自动提交，根本就起不到一个按钮的作用了，郁闷半天，搜索一下，终于顿悟。

1  将button标签这只上 type="button"的属性 即可解决问题

2  用<input type="button">  标签也可以解决问题

不知这是浏览器的问题 还是html的问题....骂人

html form 表单
且听风吟的博客
07-15 6076
html form 表单
button提交form表单
chuqianji3514的博客
06-14 9284
<html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <form action=...
form表单提交方式
热门推荐
菜鸟一缕清风的博客
01-05 9万+
form表单提交方式总结一下： 一、直接上代码&lt;script type=&quot;text/javascript&quot;&gt; function check(form) { if(form.userId.value=='') { alert(&quot;请输入用户帐号!&quot;); form.userId.focus();
按钮提交form表单 js
yingmengxuepingbao的专栏
03-03 983
按钮提交form表单 js 就是点击按钮使用form表单提交信息！
点击Button会提交form表单 ？？？
Zoriah的博客
08-12 931
   最近写button点击事件时发现有些button总是会触发form表单的提交，搜索后才明白这与button的type有关：    button的 “type” 属性分为三种：button,submit,rset    在没有指定type的情况下默认为submit（除了 Internet Explorer，默认button），点击submit会触发form表单提交，若不想提交表单可以设置 type=“button” 类型 描述 button 可点击按钮 submit 提交按钮，提交
form表单中新增button按钮，点击按钮表单会进行提交
weixin_30699465的博客
01-05 2609
原生button控件，在非ie浏览器下，如果不指定type，默认为submit类型。如果不想自动提交表单，指定type=“button” 转载于:https://www.cnblogs.com/niyl/p/10224520.html...
vue 解决form表单提交但不跳转页面的问题
10-16
在上面的代码中，当用户点击提交按钮时，`@submit.prevent="sub"`会调用`sub`方法，并阻止页面的默认跳转。 接下来，我们需要在Vue实例的`methods`选项中定义`sub`方法，这个方法负责处理表单数据的发送和接收。...
解决layui中的form表单与button的点击事件冲突问题
10-18
在开发Web应用时，我们经常会遇到各种前端框架的交互问题，其中之一就是在layui中处理form表单与button点击事件冲突的问题。layui是一个轻量级的前端组件库，它提供了丰富的UI元素和交互功能，包括表单组件和按钮。...
通过button将form表单的数据提交到action层的实例
08-29
在我们的实例中，我们使用 Button 元素来提交 Form 表单数据，我们将 onclick 属性设置为一个 JavaScript 函数，该函数将 Form 表单数据提交到 Action 层。 知识点 2: 使用 Ajax 提交 Form 表单数据 在现代 Web ...
在一个form用一个SUBMIT(或button)分别提交到两个处理表单页面的代码
10-31
在一个网页表单(form)中，通常我们通过设置不同的提交按钮(submit或button)来实现将数据提交至不同的处理页面。然而，在某些特定情况下，我们可能需要仅使用一个提交按钮(submit或button)来将表单数据同时提交到两个...
Ajax提交Form表单页面仍会刷新问题的快速解决办法
10-20
总结来说，解决Ajax提交Form表单后页面仍会刷新的问题，关键在于防止表单的默认提交行为。确保`<button>`标签具有`type="button"`属性，或者将`<button>`替换为`<a>`标签，并通过JavaScript来处理Ajax提交。正确地...
踩坑：form表单中button按钮，点击后提交表单
这是我的笔记本，记录学习历程，分享学习经验，菜鸡一枚，感谢支持！
05-22 1138
我当时是在JSP中写的这段代码，我一直以为只是JSP的问题，然后又开始怀疑jQuery的问题，都没有解决。然后终于在网上找到了相关的文章。以下来自MDN的官网文档中的说明。
2023.11.21使用＜button＞元素来触发form表单和数据提交
最新发布
leigh_chen的博客
11-21 2059
除了使用``中的`submit`方式进行form表单和数据提交，还可以使用button方式，两种方式视使用场景，各有优点。
form表单自动提交问题
u010412833的博客
11-23 3502
1.form表单会自动提交的几种情况 1）表单里有一个type="submit"的按钮，回车键生效 2）表单里只有一个type="text"的input，回车键生效。 2.form表单自动提交的请求 如果form表单没有设置action属性，自动提交的请求是当前页面地址，即页面会自动刷新 详细分析参考：http://www.360doc.com/content/15/0121/23/14
form表单因某些操作会自动提交并刷新页面，需禁止form的自动提交
一片天空
12-15 3972
一、form表单因某些操作会自动提交并刷新页面 测试网页时，发现网页每次都会自动提交，发出请求。经过查找和测试，发现是form表单会自动提交，从而导致页面自动刷新。 二、form表单自动提交规则 form表单中只有一个type=text的input（可以有其他类型的表单），在input中按enter键，会自动提交 form表单中有多个type=text的input，且无type=submit的按钮元素，则在input中按enter键，不会自动提交 form表单中有type=su
form表单自动提交表单问题
yoyo勰的博客
01-18 2349
1、点击按钮，会默认提交表单     1）按钮加属性type="button"。默认type的值是submit     2）按钮的点击事件函数里加event.preventDefault();或者加return false;阻止默认行为 2、输入框按回车键，会默认提交表单      1）&lt;form onsubmit="return false;"&gt;      2）加一个隐藏输...
附件:添加按钮(弹出form表单)
m0_56227168的博客
10-29 1074
一.方法 找到My_Cats_HomePage.py文件,增加此方法: def form_button(self): view_name = 'my_cats_view_form'#跳转到的视图的id #查找此视图id view = self.env['ir.model.data'].search([('name', '=', view_name)]) view_id = view.res_id return { 'name': '测试按钮',#名称
提交表单~
AturboS的博客
08-09 1711
.1提交表单 表单是通过用户点击提交按钮或图片按钮的方式提交的。提交按钮可以使用 type 属性为"submit" 的<input>或<button>元素来定义，图片按钮可以使用 type 属性为"image"的<input>元素来定义。 点击下面例子中定义的所有按钮都可以提交它们所在的表单： <!-- 通用提交按钮--> <input type="submit" value="Submit Form"> <!--..
【button】在form表单里的按钮元素button，点击自动提交表单
Owen的博客
11-09 933
一、问题描述 <form action="/saveProposal.mm" method="post"> <button>按钮</button> </form> 点击按钮，会自动提交表单，跳转页面。 二、问题原因 如果不指定 type 属性，会默认为 submit，点击时就会提交表单了。 三、解决方案 指定 type 属性，即可。 <form action="/saveProposal.mm
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值