Form onsubmit返回false，但仍在继续提交表单
在前端开发中，当一个表单被提交时，通常会触发表单的onsubmit事件。onsubmit事件可以绑定一个JavaScript函数，用于在表单提交之前执行一些操作，比如数据验证、数据处理等。当onsubmit事件绑定的函数返回false时，表单将不会继续提交，而是停留在当前页面。
然而，有时候即使onsubmit事件绑定的函数返回了false，表单仍然会继续提交。这可能是因为在onsubmit事件函数中存在一些问题，导致返回的false无法阻止表单提交。以下是一些可能导致这种情况发生的原因：
- 语法错误：在onsubmit事件函数中可能存在语法错误，导致函数无法正确执行。这种情况下，浏览器可能会忽略返回的false，继续提交表单。
- 异步操作：如果在onsubmit事件函数中存在异步操作，比如AJAX请求或定时器，那么返回的false可能无法及时生效。因为异步操作会在返回false之后继续执行，而表单提交的操作可能在异步操作完成之前发生。
- 其他事件监听器：可能存在其他事件监听器绑定在表单上，这些监听器可能会在onsubmit事件之后触发，并执行一些与表单提交相关的操作。这些操作可能会导致表单继续提交，即使onsubmit事件函数返回了false。
为了解决这个问题，可以尝试以下方法：
- 检查代码：仔细检查onsubmit事件函数中的代码，确保没有语法错误或其他逻辑错误。
- 阻止默认行为：在onsubmit事件函数的开头使用event.preventDefault()方法来阻止表单的默认提交行为。这样即使函数中的其他代码出现问题，表单也不会继续提交。
- 确保同步操作：如果在onsubmit事件函数中存在异步操作，确保这些操作在返回false之前完成。可以使用Promise、async/await等方法来处理异步操作，确保它们在返回false之前完成。
- 移除其他事件监听器：如果可能的话，移除其他绑定在表单上的事件监听器，以避免它们干扰onsubmit事件的执行。
需要注意的是，以上方法仅适用于前端开发中的表单提交问题。在后端开发中，还需要确保后端代码对表单提交的处理逻辑正确无误。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云前端开发相关产品：https://cloud.tencent.com/product/webhosting
- 腾讯云后端开发相关产品：https://cloud.tencent.com/product/cvm
- 腾讯云数据库相关产品：https://cloud.tencent.com/product/cdb
- 腾讯云服务器运维相关产品：https://cloud.tencent.com/product/cvm
- 腾讯云云原生相关产品：https://cloud.tencent.com/product/tke
- 腾讯云网络通信相关产品：https://cloud.tencent.com/product/vpc
- 腾讯云网络安全相关产品：https://cloud.tencent.com/product/ddos
- 腾讯云音视频相关产品：https://cloud.tencent.com/product/vod
- 腾讯云多媒体处理相关产品：https://cloud.tencent.com/product/mps
- 腾讯云人工智能相关产品：https://cloud.tencent.com/product/ai
- 腾讯云物联网相关产品：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发相关产品：https://cloud.tencent.com/product/apigateway
- 腾讯云存储相关产品：https://cloud.tencent.com/product/cos
- 腾讯云区块链相关产品：https://cloud.tencent.com/product/baas
- 腾讯云元宇宙相关产品：https://cloud.tencent.com/product/vr
相关·内容
从下水道订购产品时，应询问人员是否确定已下订单，并在"ok“后继续结帐。取消以继续购物或更改个人信息。 Prompt起作用，if(!conf)被执行，页面被重定向到顶部，但它仍然提交表单并在取消时创建订单。这是代码，如果有必要的话，它会包含在其他文件中。我搜索了一段时间的堆栈溢出，没有看到这种问题。我试着把'onclick‘加到按钮上，但结果更糟，出现了一些错误。 ob_start(); print "<form on
浏览 46提问于2020-12-18得票数 0
回答已采纳
我正在做一个web应用程序，它是一个简单的HTML表单，有一个按钮可以调用javascript函数来验证表单中的数据，但如果数据是正确的，我需要调用Servlet。..<input type="submit" value="send" onclick="
浏览 1提问于2011-09-08得票数 1
回答已采纳
我不明白下面的代码中的return是做什么的：
<form onsubmit="return somefunction()">
浏览 2提问于2011-03-04得票数 54
回答已采纳
我有一个表单，其中将输入一个地址，我想将相关的坐标存储在我的数据库中。当我有一个单独的地理编码按钮时，它可以很好地更新表单中的隐藏值。然后，我单击一个单独的提交按钮，这些值按我想要的方式存储。不过，我真正想要的是单击一个按钮，该按钮检索坐标并在检索到这些值后提交表单，而我下面的代码似乎无法实现这一点。-- the form -->
<input type="button" value="Submit" onclick="cod
浏览 1提问于2011-12-27得票数 0
回答已采纳
，形状如下图所示 onsubmit="var invalid=false; if(invalid){return false;}"
id="someForm"&g
浏览 0提问于2016-07-07得票数 0
在我的表单中有一个onsubmit验证，它可以工作，但是我的ajax文件仍然在发出一个http请求。; }});
因此，总之，表单是用一个返回true或false的true来验证的。提交时，即使验证返回false，AJAX仍在发送表单。
浏览 0提问于2014-07-11得票数 1
回答已采纳
3回答
停止页面刷新
、、
我正在编写一小部分代码，它通过html表单从用户那里获取输入，然后使用XMLHttpRequest，从服务器(在本地运行)检索信息( xml)，然后使用为onreadystatechange.编写的方法将信息输出到列表中xmlhttp.onreadystatechange = onReadyStateByObserver;
xmlhttp.open("GET","http://localhost:8004/birdobs/observer/" + a, false</em
浏览 2提问于2012-04-26得票数 2
回答已采纳
我有一个表单，当用户按下提交按钮时，它应该运行一个javascript函数，然后发送到一个php页面来处理表单中提交的数据。我让表单运行一个javascript方法，如下所示
<form class="form" id="addImageForm" name="addImageForm" action="javascript:validateAddImage();" method=&q
浏览 0提问于2012-02-26得票数 6
回答已采纳
我有一个HTML页面中的表单。它包括：因此，即使ValidationEvent()返回false，我也可以呈现result.html。; }我的HTML页面是：
浏览 3提问于2021-12-05得票数 0
我们可以在提交按钮上运行js函数，在同一个按钮上运行php吗？我有一个提交按钮，发送表单数据到一个数据库使用php，但我希望第二个动作(JavaScript函数)发生后，该按钮也被点击。这有可能吗？
浏览 3提问于2017-12-12得票数 0
我继承了一个没有编码的HTML表单，只有一个GUI。然后，我找到并修改了中的代码，将每个单元格的内容导出到一个文本文件中。我使用的原始代码不会在按下按钮时刷新屏幕，但当将其与GUI合并时，它会刷新屏幕。我也意识到代码不能在IE11中工作，这是我想解决的另一个问题，但目前这个问题有点紧迫。"> <&
浏览 3提问于2020-07-21得票数 2
下面的例子是否意味着表单将被提交两次？<form name="myForm" action="demo_form.asp" onsubmit="submitForm();" method="post">
function submitForm
浏览 1提问于2013-05-10得票数 0
回答已采纳
3回答
我有下面的代码，该表单需要进行验证，然后才能提交表单。但问题是，表单在没有验证的情况下继续提交。<form action='#' method='post' onsubmit='return validate();'>
{
浏览 1提问于2014-08-01得票数 0
4回答
我正在尝试从JavaScript表单中检索一个变量，以确定该表单以前是否经过验证。 { }注意我是如何添加名为'validated‘的变量的，这个变量应该在某个地方设置，但这就
浏览 1提问于2012-07-04得票数 0
1回答
如何在此特定场景中捕获提交事件(我使用的是Kohana):？echo "Form succesfully submitted.我将其滑动到一个特定值，然后通过jquery触发表单提交。我想要做的是将testSubmit函数的输出加载到页面中的特定区域，而不刷新滑块。
浏览 3提问于2009-07-27得票数 0
value="Submit" type="submit" name="_eventId_submit" onClick="return dontSubmit();"> 我也试过了：
<INPUT tabIndex="46" value=&
浏览 2提问于2012-08-30得票数 1
我有一个简单的表单，我使用javascript来验证输入的数据。我不明白为什么document.getElementById("submitform").submit()不能工作。下面是我的代码。head><p> Add a new student</p>
<formid="submitform&quo
浏览 1提问于2011-12-09得票数 0
所以表单看起来是这样的：
<form action="https://www.sandbox.paypal.com/cgi-bin/webscr" method="post" id="payWithPayPalForm"" border="0" src="https://www.paypalobjects.com/pl_PL&#
浏览 3提问于2013-03-15得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
