form表单 button点击提交错误

最新推荐文章于 2023-07-21 16:11:54 发布
最新推荐文章于 2023-07-21 16:11:54 发布
阅读量1.1k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_40695725/article/details/80549996
本文探讨了在网页设计中遇到的问题：点击未设置type属性为submit的按钮导致页面跳转。通过逐步排查发现表单间并无干扰，并最终给出了解决方案——明确设置按钮类型为button。

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

写页面的时候的一个简单问题

点击没有设置 type="submit"的按钮时 ,页面进行了跳转

因为一个页面设置了多个表单

所以最初认为可能是表单之间发生影响,仔细查看各个表单,观察是否存在包裹,交叉

并给各个表单设置id

但并没有什么yong

最终解决方法,给按钮设置类型 type="button''

解决layui中的form表单与button的点击事件冲突问题
10-18
在开发Web应用时，我们经常会遇到各种前端框架的交互问题，其中之一就是在layui中处理form表单与button点击事件冲突的问题。layui是一个轻量级的前端组件库，它提供了丰富的UI元素和交互功能，包括表单组件和按钮。...
JavaScript在form表单中使用button按钮实现submit提交方法
01-19
 在form表单提交中，使用button来间接完成submit的提交更为灵活。下面是实现方法： 使用button按钮实现submit提交，需要在button标签中的使用onclick方法，然后在JavaScript中实现具体，代码如下： <head> ...
关于form.submit()不能提交表单的错误原因
weixin_33958366的博客
04-10 951
来源：http://www.ido321.com/948.html 直接上代码把： 1: &lt;div id="register"&gt; 2: &lt;h4&gt;会员注冊&lt;/h4&gt; 3: &lt;div class="formdiv"&gt; 4: &lt;form method="p
【web】form表单中点击button后报错Failed to load resource: the server responded with a status of 405 ()
Shino_jie的博客
06-10 442
错误：错误源代码： 错误原因：元素没有指定type属性，浏览器默认值为submit，而提交了表单解决办法：设置的type属性为button 注：请始终为 元素规定 type 属性。不同的浏览器对 元素的 type 属性使用不同的默认值。...
一个表单提交失败的动作
niqi520的专栏
08-02 534
最近在写一个php项目的时候犯了一个设计上的错误，原因是没有在开发前好好的设计。但用户填写好的表单被发送到一个后台页面处理时，如果表单中含有某些不符合要求的数据，那么后台页面就会跳转到前一个填写页面。但这个动作会导致用户填写的数据在跳转的时候全部丢失，试想，如果一个用户写了长篇大论，在提交的时候全然不知自己的数据会丢失（因为去另外一个页面），那么多恐怖啊？！因此我想了两个办法：1：在一
表单提交失败的错误回显，合并Servlet,使用反射优化代码
qq_46425928的博客
10-29 202
1.表单提交失败的错误回显 2.合并Servlet 3.使用反射优化代码 package com.javaWeb; import java.lang.reflect.Method; public class testServlet { public void login(){ System.out.println("login方法"); } public void register(){ System.out.println("register方法
通过button将form表单的数据提交到action层的实例
08-29
在我们的实例中，我们使用 Button 元素来提交 Form 表单数据，我们将 onclick 属性设置为一个 JavaScript 函数，该函数将 Form 表单数据提交到 Action 层。 知识点 2: 使用 Ajax 提交 Form 表单数据 在现代 Web ...
html返回值错误无法提交,form.submit()不能提交表单的错误原因及解决方法
weixin_39899226的博客
06-19 546
直接上代码把：会员注册请认真填写以下内容用户名：密码：确认密码：m01.gif验证码：换一张表单数据提交到本页面，下面是js处理/*注册表单提交*/function formDeal(){var btnSubmit = document.getElementById('submit');var formId = document.getElementById('registerForm');btn...
form表单提交onclick和onsubmit
weichushun的专栏
02-21 2197
form表单提交onclick和onsubmit onsubmit只能表单上使用,提交表单前会触发, onclick是按钮等控件使用, 用来触发点击事件。 在提交表单前，一般都会进行数据验证，可以选择在submit按钮上的onclick中验证,也可以在onsubmit中验证。 但是onclick比onsubmit更早的被触发。 　　提交过程 1、用户点击按钮 ----> 2、触发onclick事件 ----> 3、onclick返回true或未处理onclick ---->...
点击提交按钮进入了后台并且整个流程没有报错，但是ajax就是没执行success : function(data) {},反而执行error : function(data) {}
W180830的博客
02-25 2715
点击提交按钮进入了后台并且整个流程没有报错，但是ajax就是没执行 success : function(data) {},反而执行error : function(data) {}, 原因： 用了form表单获取数据，封装成json,所以一直进入error var paramStr=$(&amp;amp;quot;#getOrderForm&amp;amp;quot;).serializeJSON(); var param = JSON.str...
form表单提交后页面的跳转
u011079727的专栏
10-22 1万+
使用easyui的form表单登录后想跳转到主界面，发现老是不跳转(我用的是struts2的跳转机制),害我总以为是struts2出了问题， 后来发现easyui的form有回调机制。 解决方案： 在界面中使用js进行跳转。 function regUser(){  //通过form的submit方法提交  $('#user_login_loginForm').form('submit',{   
layui form表单下的button按钮会自动提交表单的问题以及解决方案
weixin_40460171的博客
05-06 4222
layui表单自动提交问题 最近使用layui的表单提交时，遇到了这个问题：在form内的按钮总是会自动提交。 而按钮放在form外面就不会出现这种问题，很让人头痛。 下面让我们来看看如何解决form内按钮自动提交问题的吧。 <form class="layui-form"> <label class="layui-form-label">银行卡号</label> <input type="text" name="bankCard" lay-veri
from表单提交数据 验证后跳转页面
yyxcy的博客
08-06 2302
from表单提交数据 验证后跳转页面 最近在弄这一块 验证使用alter老师弹出框后直接跳转到了下个页面 return false都不管用 所以记录一下 下次还能使用 <form action="跳转地址" method="post" enctype="multipart/form-data" id="FormFkAdd" onsubmit="return Next()"> 在from标签使用onsubmit 配合 <button type="submit" class="
form中的button类型及其作用
Eighteen Z
05-24 7802
form中的button类型及其作用 在form中的button与在form外的不同 在form内button的type如果不设置 默认为submit 这样就会有一个问题: 如果你的form中除了提交按钮还有别的按钮，例如你要选取一张别的图片，选取一个视频等，需要这个按钮去触发 同时，你的表单中设置了必填选项，那么如果该选项未填的情况下去选择图片，就会触发提交。 然后检测到有...
layui踩坑记录之form表单下的button按钮默认自动提交
acoolgiser的博客
07-21 2813
因此，当我们在使用form的时候，如果没有添加标准的提交按钮，会自动默认把其他的普通按钮认为是提交按钮，因为button的type默认值为“submit”。其实就是使用form的时候，应该对应有一个提交按钮，配套使用。其他功能按钮相加多少就加多少，但是必须要有一个提交按钮。2.在不需要提交的场景使用form时尽量使用a标签按钮来代替button，比如筛选功能中的查询按钮；1.在form中使用button时添加type属性：button、submit、reset；layui的官网说的也是比较清楚的，通过。
layui表单提交使用form.on('submit(sub)',function (){}) 使用ajax请求时回调不执行的原因及解决方法
热门推荐
weixin_37211894的博客
03-21 4万+
layui使用官方的表单模块form.on('submit(sub)',function (){}) 提交，使用ajax请求向后台请求一个执行结果，根据结果进行处理，出现回调无法执行，并且页面出现了刷新 之前也遇到过这个问题，直接使用将form标签修改成了div，通过jquery为提交按钮添加点击事件，而不用submit提交表单。 今天在为毕设添加修改密码的功能的时候，再次遇到了这个问题，刚好...
关于form表单button事件教训
Preserve
12-09 5190
在form中我自定义了一个button,然后在button上增加了点击事件。html代码大致如下： 下载图片
form表单中button按钮返回上一页解决办法
weixin_30682415的博客
11-07 3087
解决Form中button按钮不好用的问题解决办法。 方法一： 1.在Form表单标签中国增加一个属性，如下图，红框处 2.返回按钮样式 3.onclick方法需要跳转的页面，遮挡处为需要返回的页面 方法二： 1.把button按钮的标签换成input标签，那么Form标签中就不用填写action属性，如下图 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值