HTML/JavaScript为什么我的表单一直在重定向，我如何停止它？
HTML/JavaScript为什么我的表单一直在重定向，我如何停止它？
当你提交一个表单时，浏览器默认会将表单数据发送到指定的URL，并在接收到响应后重定向到该URL。如果你的表单一直在重定向，可能是由于以下几个原因：
- 表单的action属性指定了一个错误的URL，导致重定向失败。你可以检查表单的action属性是否正确，并确保它指向了你期望的处理表单数据的URL。
- 表单的提交按钮的type属性被设置为"submit"，而不是"button"。如果你的提交按钮的type属性是"submit"，点击按钮将触发表单的提交行为，导致重定向。你可以将按钮的type属性改为"button"，或者使用JavaScript阻止默认的表单提交行为。
- 表单的onsubmit事件处理函数中没有返回false或调用event.preventDefault()方法。当表单的onsubmit事件被触发时，如果事件处理函数没有显式地返回false或调用event.preventDefault()方法，浏览器将继续执行默认的表单提交行为，导致重定向。你可以在表单的onsubmit事件处理函数中添加return false;语句或调用event.preventDefault()方法来阻止默认的表单提交行为。
下面是一个示例代码，演示如何停止表单的重定向：
<!DOCTYPE html>
<html>
<head>
<title>停止表单重定向示例</title>
</head>
<body>
<form onsubmit="return stopRedirect(event)">
<input type="text" name="username" placeholder="用户名">
<input type="password" name="password" placeholder="密码">
<button type="button" onclick="submitForm()">提交</button>
</form>
<script>
function stopRedirect(event) {
event.preventDefault(); // 阻止默认的表单提交行为
return false;
}
function submitForm() {
// 执行表单提交操作
// ...
}
</script>
</body>
</html>在上面的示例中，我们通过在表单的onsubmit事件处理函数中调用event.preventDefault()方法来阻止默认的表单提交行为，同时在提交按钮的type属性中使用"button"而不是"submit"，以确保表单不会重定向。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云函数（SCF）：https://cloud.tencent.com/product/scf
- 云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能平台（AI）：https://cloud.tencent.com/product/ai
相关·内容
我是第一次尝试JS，我正在尝试执行一些基本任务，只是为了检查一切是否正常，当我单击提交来简单地检查一些变量并将它们显示为“alert”时，我返回了一个404页面not found。我还没能找到任何有用的东西。我已经在表单标记中尝试了action="#“，也尝试了我找到的prevent.Default方法，但到目前为止都没有用。下面是我的HTML和JavaScrip
浏览 1提问于2018-02-09得票数 0
回答已采纳
同样的代码，从来没有修改过。然而，自9月份以来，javascript top.location.href='https://....‘ 和 window.open("https://...."，"_top") 以上所有操作均已停止工作，出现错误 尝试导航顶层窗口的框架会被放置在沙箱中，并带有‘allow-top- navigation by- user - activation’标记，但没有用户激活顺便问一下，为什么
浏览 20提问于2021-09-10得票数 2
当用户单击表单上的"submit“时，我需要打开一个新的选项卡到外部站点，同时我需要将原始选项卡重定向到另一个页面，以防止用户多次重复请求到外部站点。注意:我在后端保护了以防止这种行为，我只想在可能的情况下使用JavaScript来改进UX，首先删除该选项的呈现。
NOTE2:在火狐中工作，但在Chrome或Safari中不起作用。说明我的问题的
浏览 1提问于2017-05-10得票数 0
回答已采纳
我正在创建一个简单的web应用程序，没有前端框架(除了jQuery)和一个Express.js后端。我试图在提交注册表单后将用户重定向到另一个页面，但是没有加载另一个页面，而是将页面的HTML代码打印到控制台.更容易向你展示： console.log(error); });
})
浏览 3提问于2021-10-12得票数 0
回答已采纳
5回答
有问题时，我有一个名为Manage的partialview，我将部分加载到： <div"); </div>
当我点击保存更改时，我被重定向到/Account/Manage，它应该是/AdminP
浏览 14提问于2015-10-16得票数 3
回答已采纳
1回答
我有一个基本的烧瓶应用程序，改变状态的复选框切换。它看起来像是： <input type="checkbox" value="{{data.done}}" {% if data.done/')def index():
data = Data.query.all
浏览 1提问于2018-07-13得票数 0
回答已采纳
我正在试着用简单的计算器做页面。我用js做了一个计算器，现在，当我点击按钮的时候，我想把参数从js传递给django。在那里计算它们并在重定向页面上打印。<form action="calc/
浏览 0提问于2019-04-03得票数 0
1回答
运行PHP脚本时显示加载图像
、、、、
我一直在读关于这个问题的答案，但我想不出来。主要是因为我不懂AJAX和javascript。
我有一个有按钮的页面，当用户点击那个按钮.php脚本扫描服务器中的文件夹，并对数据库执行各种操作。但是这不起作用，事实上，它甚至没有显示一个空白页，我仍然可以看到我点击按钮的页面，因为php脚本的末尾有一个重定向，所以我只看到浏览器的加载图标是正在发生<
浏览 1提问于2017-01-25得票数 0
在Ajax.Actionlink调用过程中，我试图从我的控制器重定向。我有一个这样的Ajax.Actionlink： "RegisterAjax", "Projects= null，我已经尝试了上面的，return Redirect(result)，return View(result)等，但没有任何东西能让我
浏览 0提问于2015-07-02得票数 0
我正在使用像这样的页面。这通常是iframe的源代码，但我在iframe之外的userscript中使用它。我一直在测试使用javascript在该页面上提交表单，但我不想在提交后重定向。下面是我从控制台运行的js： e.preventDefault();
alert('foo&
浏览 2提问于2012-08-15得票数 0
回答已采纳
在表单的操作中，我使用jQuery将表单数据提交到一个文件。但是，当我提交表单时，浏览器重定向到操作(comment.php)。我不知道为什么这是因为e.preventDefault()应该停止浏览器的重定向。理想情况下，我希望浏览器不要重定向并停留在当前页面(index.php)上。jQuery：
<script type='text/
浏览 0提问于2012-01-01得票数 1
回答已采纳
2回答
我正在尝试使用节点和socket.io构建聊天服务器和客户端，下面是book.The前端代码的教程：<head> <script type = "text
浏览 0提问于2013-12-19得票数 2
回答已采纳
在我的xamarin.forms应用程序中，我使用的是webview。我有个视频控件在上面播放视频。
我使用webview，这也是基于html5的视频。当有人播放视频时，我想停止正在播放的视频控件。如何在xamarin.forms中做到这一点。
浏览 3提问于2019-08-08得票数 0
我正在从vbsscript运行一个进程，我想让它在后台无限期地运行。它会像预期的那样工作一段时间，然后自动关闭。如果我直接打开批处理文件，它根本不会停止，这是我想要的行为，但在后台。这是我用来让它运行的代码。，如果我添加脚本，我可能会有更多的运气。，这里对此进行了很好的解释：我将为我的
浏览 0提问于2015-09-12得票数 0
3回答
有两个文件，html和jquery。我想知道是否可能在这两个文件之间连接。type="text/javascript" src="jquery.min.js"></script>这一进程如下：
用户在文本区域的某个单词中按下按钮。jQuery将这些数据返回到
浏览 2提问于2011-05-17得票数 0
回答已采纳
3回答
我有一个联系人表单，对字段使用JavaScript验证，但是当我将表单链接到我的PHP时，它不会发送电子邮件。如果有人能帮我做这件事，我会非常感激的。我不太熟悉PHP，也不太熟悉它如何与其他语言交互。*EDIT*<script type="text/javascript">
reEmail =
浏览 5提问于2013-09-10得票数 3
回答已采纳
我目前正在提交一个表单使用表单动作到php脚本，我也打算实现ajax表单提交。
但是我突然想到，如果知道客户端的浏览器是否启用了javascript，并相应地提交表单，不是很好吗?因为我不希望没有Javascript的用户看到一个页面，上面写着“启用Javascript或其他东西”！因为我已经使用了客户端和服务器端验证。那么，我
浏览 0提问于2013-06-18得票数 0
回答已采纳
我有一个我正在创建的表单，由于它的敏感性，我有相当多的javascript验证正在进行，如果没有启用JS，我不能允许用户在表单上启动。回到过去，我会对使用NOSCRIPT标签发出警告。有没有一种新的/首选的方法来处理这种情况？
谢谢。
浏览 0提问于2012-10-23得票数 2
回答已采纳
1回答
我已经成功登录到一个网页由下面的脚本，但网页卡在重定向页面。我不知道如何通过它。下面是我的代码use warnings;use HTTP::Request::Common qw(POST); }}<HTML</
浏览 12提问于2017-08-04得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
