没有submit，form表单却自动提交了

最新推荐文章于 2022-12-27 14:59:07 发布
最新推荐文章于 2022-12-27 14:59:07 发布
阅读量1.2k 收藏 2
点赞数 3
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_44678295/article/details/98751421
本文详细解析了在HTML表单中，button按钮的默认行为及其如何影响表单提交。当button作为提交按钮时，它会触发表单的提交事件，文章提供了防止自动提交的方法，即通过设置type属性为button。

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

当一个button按钮在form表单中时，它的默认type=submit，此时点击按钮就会提交该表单，防止自动提交，将type=button即可

没有submit按钮的表单也能提交
sailei的专栏
08-11 1495
当form表单里面只有一个;的时候就默认变成了提交按钮……
非submit按钮 点击之后 表单莫名自动提交了
柯哒哒的博客
08-08 1254
郁闷半天，原来chorme浏览器，没加type=button 默认submit
Button按钮为什么无缘无故会提交form表单？
ccnetcn的博客
08-04 680
Button按钮为什么无缘无故会提交form表单？Button按钮为什么无缘无故会提交form表单？ Button按钮为什么无缘无故会提交form表单？ 今天在做表单的复制功能，但是每次点击复制按钮的时候表单都会自动提交。我用的是button按钮 复制 将button改为span测试不会自动提交，说明是button造成的，检查了是否对button增加了提交的js，也未发现。那么肯定是button的自身问题，上网搜索了一遍。终于找到了问题： 原来button有一个type属性，而type有三个可选属性：But
点击Button会提交form表单 ？？？
Zoriah的博客
08-12 972
   最近写button点击事件时发现有些button总是会触发form表单的提交，搜索后才明白这与button的type有关：    button的 “type” 属性分为三种：button,submit,rset    在没有指定type的情况下默认为submit（除了 Internet Explorer，默认button），点击submit会触发form表单提交，若不想提交表单可以设置 type=“button” 类型 描述 button 可点击按钮 submit 提交按钮，提交
form表单下的 button 按钮，如果不设置type会自动提交表单，默认为submit
sayoko06的博客
09-05 6397
问题： 在写表单页面的时候，点击button按钮就会出现自动提交表单的情况。 后来查资料得知，form表单下的按钮在没有指定type类型的时候，button会有一个默认的type=”submit” 解决办法： 给button设置一个类型type="button"，这样button的类型就不是默认的submit了，就不会自动提交表单了。 注意：form表单中的action属性的值是表单提交...
form.submit()不能提交表单的错误原因及解决方法
09-04
在本文中，我们将深入探讨一个可能导致`form.submit()`无法提交表单的错误原因，以及如何解决这个问题。 首先，我们要理解`form.submit()`这个JavaScript方法。它是HTML表单对象的一个方法，用于触发表单的提交动作...
浅谈layui 绑定form submit提交表单的注意事项
10-16
在本文中，我们将深入探讨layui框架中如何绑定form submit提交表单时需要注意的事项。layui是一个流行的前端组件库，提供了丰富的UI元素和便捷的API，其中包括表单处理功能。下面，我们将详细介绍两个关键点：lay-...
JS中的form.submit()不能提交表单的错误原因
10-25
在JavaScript中，form.submit()方法是用于提交表单的一种方式。然而，有时候开发者可能会遇到无法使用form.submit()提交表单的问题。在本篇文章中，将详细探讨导致这种情况的可能原因，以及如何解决这一问题。 首先...
如何防止INPUT按回车自动提交表单FORM
11-29
本文将详细介绍如何防止`<input>`按回车键自动提交`<form>`表单。 首先，我们来看一下问题的示例代码： ```html <!doctype html> <title>test <form action="http://blog.youkuaiyun.com/gnail_oug" method="post"> ...
js文件上传不通过submit怎么提交文件
weixin_35754676的博客
12-27 92
可以使用 JavaScript 的 FormData 对象来构建表单数据并通过 XMLHttpRequest 发送请求来实现文件的异步上传。 这里是一个示例代码： <form id="upload-form"> <input type="file" id="file-input" /> <button type="button" id="upload-butt...
form 的submit提交没有反应
ziyouniao719672119的专栏
04-18 8454
搞了一天，submit提交就是没有反应，原来是标签用错了。 做如下修改后，即可正常提交 submit。原因是 是属于jsf框架的标签，通过来提交表单，是属于html的标签，通过  type=submit 来提交表单。
非submit 通过jquery.form进行提交操作（validate验证）
h15950595916的博客
10-23 1133
原文地址：https://www.cnblogs.com/ada-zheng/p/3875773.html function validateForm() { //validate方法参数可选 return $(&quot;#form1&quot;).validate({ rules: { }, messages:...
form表单里面 button标签自动提交表单的问题
java，docker，ai
04-20 1340
问题描述： 在form中，当有按钮时，点击按钮就会提交表单，即使不是submit类型也会提交，很奇怪。 解决办法。 1 将button标签这只上 type="button"的属性 即可解决问题 2 用 标签也可以解决问题
form表单的提交按钮不要用submit作ID
一室阳光，温暖你我他！
07-15 817
form表单的提交按钮不要用submit作ID,否则可能会引起混淆，导致表单的submit()方法不能提交表单。在命名ID时，名字最好不要和现有的api在名称上重复，避免不必要的烦扰。
form表单内的数据在submit时会默认提交，阻止form表单提交
krismile__qh的博客
07-03 4055
form表单内的数据，在点击submit按钮时，即便没有写action的请求地址，也会默认提交到一个请求地址，这个请求地址是当前访问的网址。（form表单的数据不submit，可能是通过ajax的方式提交） 怎么解决这个默认提交呢？ 1. 在form表单内的提交按钮<button>处添加属性onclick="return false"，点击按钮时就不会再提交了。因为这个请求就是通过...
form表单自动提交问题
u010412833的博客
11-23 3551
1.form表单会自动提交的几种情况 1）表单里有一个type="submit"的按钮，回车键生效 2）表单里只有一个type="text"的input，回车键生效。 2.form表单自动提交的请求 如果form表单没有设置action属性，自动提交的请求是当前页面地址，即页面会自动刷新 详细分析参考：http://www.360doc.com/content/15/0121/23/14
如何阻止表单的默认提交事件
热门推荐
Hello World
10-08 5万+
表单一点击提交按钮(submit)必然跳转页面，如果表单的action为空也会跳转到自己的页面，即效果为刷新当前页。 如下，可以看到一点击提交按钮，浏览器的刷新按钮闪了一下：如果想要阻止表单的默认提交事件，有以下几种方法：1.将<input>标签内按钮类型从type="submit"修改为type="button"2.表单内的<button>未指定类型时，默认的类型为submit，可以显式的修改为
form表单因某些操作会自动提交并刷新页面，需禁止form的自动提交
一片天空
12-15 4293
一、form表单因某些操作会自动提交并刷新页面 测试网页时，发现网页每次都会自动提交，发出请求。经过查找和测试，发现是form表单会自动提交，从而导致页面自动刷新。 二、form表单自动提交规则 form表单中只有一个type=text的input（可以有其他类型的表单），在input中按enter键，会自动提交 form表单中有多个type=text的input，且无type=submit的按钮元素，则在input中按enter键，不会自动提交 form表单中有type=su
java web 表单提交_JavaWeb学习日记----表单提交方式
weixin_28797889的博客
02-12 1655
1.表单提交方式(1) 使用input控件中的submit提交代码如下：Title用户：密码：结果：上图是通过get方法使用input控件中的submit的表单提交方式(2)使用button提交表单步骤：通过ID获取form标签设置action(要提交的页面)调用submit()方法提交form表单代码如下：Titlefunctionsubmit1(){varmyForm =document.ge...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值