怪！点击button按钮没有提交，竟然刷新页面。

最新推荐文章于 2021-11-17 15:16:28 发布
最新推荐文章于 2021-11-17 15:16:28 发布
阅读量325 收藏
点赞数
分类专栏： JAVASCRIPT HTML 文章标签： js ViewUI
本文探讨了在JSP页面上使用按钮提交数据时出现的意外刷新现象，深入分析了其原因，并通过将按钮替换为输入标签解决了问题。此过程涉及前端开发领域的实践技巧，旨在帮助开发者避免类似错误并提高网页交互体验。

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

在jsp页面上触发button按钮提交数据，当没有执行到提交的代码行时，return跳出函数后竟然刷新页面，无论是什么浏览器都会这样，。。。。。。，最后用input标签替换就OK了！

why???

关于点击button按钮为何会自动提交数据的问题-0613
兜兜的博客
06-14 1238
关于点击button按钮为何会自动提交数据的问题，button的type属性。
在自己写的html中点击button，页面会自动刷新的问题
无_言的笔记本
09-18 3189
以前在写练习的时候遇到过这样一个问题，自己在html中写了一个button<button>test1</button>在没有给其附上onclick事件时是点击是不会有任何反应的 但是把这个button放入from表单时<form action="testAction" method="psot"> <button>test1</button> </form>无论有没有给button附上事件
leetcode不能提交-clang-leetcode:leetcode的实现
07-01
leetcode不能提交leetcode leetcode 的实现 笔记 15 无法提交，原因是：超时 22 还没有实现，需要递归程序。 33还没完 36还没完 38还没完 56还没完
如果没有提交按钮,怎么实现提交功能呀!!!
mcy478643968的专栏
12-14 3214
如果没有提交按钮,刚使用document对象中的form表单对象的onSubmit()方法来提交来现实. 示例:用图片代替提交按钮   注册     function check(){    if(document.myform.name.value==""){     alert("用户名不能为空");     document.myform.name.focus();    }el
没有点击事件的button标签点击刷新页面
weixin_30315435的博客
12-14 280
没有点击事件的button标签点击刷新页面： 理由：button在form表单中，并且button标签未定义type类型，此时type默认为submit； 解决方法： 在button标签上添加 type="button" 或者将button移除form表单之外 转载于:https://www.cnblogs.com/chenlongsheng/p/10120223.html...
html from中的button 如何不让他提交
丿灬安之若死
11-17 795
新增标签 type="button"
点击提交按钮不刷新页面
热门推荐
木枫
07-31 1万+
点击提交按钮提交搜索条件进行异步请求，结果页面总是会进行刷新
layui点击按钮页面会自动刷新的解决方案
10-16
在开发Web应用时，我们经常遇到点击按钮导致页面刷新的问题。尤其在使用现代前端框架如layui时，开发者可能更加频繁地遇到此类问题。本篇内容将围绕layui点击按钮页面自动刷新的问题进行详细探讨，并给出解决方案。 ...
js点击button按钮跳转到另一个新页面
10-25
在网页开发过程中，实现点击按钮跳转到另一个页面是一个常见的需求。这可以通过JavaScript来实现，因为JavaScript提供了一种机制，可以不刷新当前页面的情况下，通过编程实现页面的跳转。下面详细地介绍如何使用...
button没写type=button会导致点击时提交
09-04
然而，由于`<button>`元素没有指定`type`属性，浏览器按照默认行为处理，即`type="submit"`，导致了表单的提交，这可能是关闭弹窗的原因，因为表单提交可能触发了页面刷新或者跳转。 为了避免这种情况，我们需要...
layui使用button按钮 点击出现弹层 弹层中加载表单的实例
10-16
在本文中，我们将深入探讨如何使用layui框架创建一个功能，即通过点击button按钮在弹层中显示表单。layui是一个轻量级的前端组件库，它提供了丰富的UI元素和交互功能，非常适合构建Web应用界面。 首先，我们来看...
js控制再次点击按钮之间的间隔时间可防止重复提交
10-25
在网页交互中，防止用户快速多次点击提交按钮导致重复提交是一项重要的用户体验优化。这通常通过JavaScript来实现，通过控制按钮的可用状态和设置点击间隔时间，确保用户在一定时间内只能进行一次提交操作。以下是...
写前端页面时，按钮明明是<button>，为什么点击时会提交表单，刷新页面呢？
fjian123的博客
12-25 1098
相信这个问题很多初学者，甚至开发了几年的人或许也会遇到，一时不得其解，然而问题的解决也出人意料的简单。原因就是你的button按钮是放在form表单里的，而且又没有声明其type=”button”导致的。 从w3c组织的官方文档可以看到关于button按钮的一句话:The missing value default is the Submit Button state，这句话就说明form表单里的b
html按钮自动提交表单,HTML按钮不提交表单
weixin_35945980的博客
05-31 516
我有一个表格。 在该表格之外，我有一个按钮。 一个简单的按钮，如下所示：My Button不过，当我单击它时，它将提交表单。 这是代码：My Button该按钮应该做的就是编写一些JavaScript。 但是，即使看起来像上面的代码一样，它也会提交表单。 当我将标签按钮更改为跨度时，它可以正常工作。 但不幸的是，它必须是一个按钮。 有什么方法可以阻止该按钮提交表单？ 像例如My Button#1楼...
form表单点击提交按钮后 不刷新页面
july_young的博客
09-28 1万+
  &lt;form id="user"&gt; &lt;button id="search" onclick="save()" &gt;保存&lt;/button&gt; &lt;/form&gt; function save(){ $.post("写入需要跳转的url",$('#user').serialize(),function(da
点击按钮提交使页面重新刷新怎么搞
最新发布
08-31
然后，通过JavaScript代码给按钮添加点击事件处理程序，使其在点击时执行刷新页面的操作： ```javascript document.getElementById("refreshBtn").addEventListener("click", function() { location.reload(); // ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值