为什么我的javascript按钮不会像他们应该的那样重定向？
可能有几个原因导致你的JavaScript按钮不会像预期的那样重定向：
- 代码错误：请检查你的JavaScript代码是否存在语法错误或逻辑错误。确保你的按钮绑定了正确的事件处理程序，并且重定向的代码被正确执行。
- 事件冒泡：如果你的按钮位于一个包含其他元素的父元素中，并且这些元素也有事件处理程序，可能会发生事件冒泡。这可能会导致按钮的默认行为被阻止，从而阻止重定向。你可以使用
event.stopPropagation()方法来阻止事件冒泡。 - 默认行为被阻止：如果你的按钮的事件处理程序中使用了
event.preventDefault()方法，它会阻止按钮的默认行为，包括重定向。确保你没有在代码中使用了这个方法，或者根据需要进行适当的修改。 - 异步操作：如果你的按钮的事件处理程序包含了异步操作，比如AJAX请求或定时器，重定向代码可能在异步操作完成之前执行，从而导致重定向无效。你可以使用回调函数、Promise或async/await来确保重定向在异步操作完成后执行。
- HTML表单提交：如果你的按钮位于一个HTML表单中，并且你希望按钮点击后提交表单并重定向到另一个页面，你需要确保表单的
action属性指向正确的URL，并且按钮的type属性设置为"submit"。
总结起来，要解决JavaScript按钮不会重定向的问题，你需要仔细检查代码是否正确，避免事件冒泡和阻止默认行为，处理异步操作的顺序，并确保HTML表单的设置正确。如果问题仍然存在，可能需要进一步调试和排查。
相关·内容
3回答
我有一个javascript链接，我将其用作弹出窗口上的按钮：
<a href="#" class="submit-action close-modal">Submit</a>
"submit-action“类有一个jQuery .click()绑定，该绑定在嵌入到模态中的表单上执行.submit()。“关闭模式”类有一个关闭模式的.click()绑定。
$(".submit-action").click(function() ($("#someForm").attr("action"
浏览 2提问于2012-08-14得票数 0
回答已采纳
3回答
在jquery更新之后，Div内容将清除。
javascript、jquery、html
我目前正在jquery中生成一些HTML。数据来自一个JSON文件。
下面是我创建上述HTML的代码：
$(document).ready(function () {
$('#searchForm').submit(function () {
var entry= $("#searchForm").val();
$.ajax({
type: 'POST',
url: '@Url.Action("myMe
浏览 3提问于2015-04-06得票数 0
回答已采纳
5回答
preventDefault()不能阻止操作
javascript、jquery、jquery-events
当我在一个链接上使用event.preventDefault()时，它是有效的，但是当我在一个按钮上使用它时，它就不能工作了！
我的代码：
<a id="link" href="http://www.google.com">link</a>
<button id="button" onclick="alert('an alert')">button</button>
$('#link').click(function(event){
even
浏览 6提问于2012-05-03得票数 18
回答已采纳
2回答
当我在提交按钮级别停止传播时，为什么表单提交事件会触发？
javascript、jquery、forms、events、jquery-events
<form>
<input type='text'>
<button type='submit'>Submit</button>
</form>
JavaScript
$('form').on('submit', function(e) {
alert('submit');
e.preventDefault();
});
$('button').on('click', function(e
浏览 3提问于2015-04-30得票数 5
回答已采纳
2回答
按钮真的点击了吗？
javascript
我有一些javascript，它以编程的方式点击一个按钮：
document.getElementById("myButton").click();
这反过来会导致使用函数调用提交表单：
<form onsubmit="submit_this_form(this);return false;" action="" method="POST">
看起来有很大一部分时间要么是实际的按钮点击没有完成，要么是表单没有被提交。我认为按钮点击正在进行，我知道代码正在被调用，因为我嵌入了一个计数器，我可以看到它正在执行。
我
浏览 0提问于2009-12-06得票数 0
回答已采纳
5回答
"return false;“做什么？
javascript、jquery、ajax
我写了一个网页，用户可以在其中输入存储在数据库中的日志条目，然后使用ajax在页面上检索和打印。我对ajax还很陌生，不知道有没有人能给我解释一下return false;在我的代码末尾是做什么的？这有必要吗？
如果我把第二个ajax代码放在return false后面，代码就不能工作！你能给我解释一下为什么吗？
//handles submitting the form without reloading page
$('#FormSubmit').submit(function(e) {
//stores the input of today's data
浏览 0提问于2012-05-24得票数 23
回答已采纳
3回答
单击事件中断提交事件
javascript、jquery-events、event-bubbling
想象一下这样的事情。
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Testing event bubbling</title>
<script src="js/jquery/jquery-2.0.0.js"></script>
<script>
$(document).on('click&#
浏览 0提问于2013-04-26得票数 1
回答已采纳
2回答
单击窗体上的“提交”关闭模式窗口
javascript、jquery、ajax、modal-dialog、contact-form
我有一个模式窗口，允许用户提交一个表单作为调用操作之一。然而，点击‘提交’关闭模式窗口，但我不希望它。。
要激活模式窗口，用户可以单击任何互联网选项的“卡片”上的黄橙色“开始”按钮。然后，要填写和提交表单，用户单击“请求回调”按钮。实际上，来找，点击任何地方接受“请求一个回调”按钮关闭模式窗口，而不仅仅是点击‘提交’按钮。
我试过使用以下代码：
if ( $(event.target).is('.modal-window-content') ) {
return false;
}
if ( $(event.target).is('input') ) {
浏览 12提问于2015-04-20得票数 0
回答已采纳
4回答
用于在点击时发送帖子数据的HTML锚
jquery、html
有没有可能让锚定标签的行为像.submit一样(具有特定的帖子特征？)为什么我有一个锚标签，因为我不喜欢提交按钮的外观，并想要一个CSS按钮。
这就是我现在正在做的(它不起作用)
html文件
<div class="footer"><a href="#" id = "test_btn" class="button"><strong>Sign Up</strong></a></div>
<div class="footer">&l
浏览 0提问于2010-11-06得票数 7
回答已采纳
4回答
使用firebug覆盖Onclick事件
javascript、firebug
我添加了一个onclick事件，它会打开一个新的标签/页面，添加到一个已经有动作的按钮上(我不知道是哪个动作导致它没有显示在源代码中，或者可能是一个表单提交动作)。
按钮最初也会在新标签页中打开一个页面，我想做的是在onclick属性执行后启动一些函数，该函数将停止执行，默认的页面打开将不会发生，只会加载我的页面。
有什么可以做的吗？
浏览 5提问于2009-11-23得票数 0
3回答
表单提交的问题
php、javascript、ajax、cross-browser
我有一个表单，可以很好地与mozilla和IE，但在谷歌chrome有一个小问题，我使用ajax来提交我的表单，这是没有提交按钮，在IE和Mozilla它的工作很好，但在谷歌chrome中，当我按下回车的表单提交和页面重定向到主页(这是另一个问题页面刷新操作在ajax中)，我如何停止页面提交的同时按回车按钮？
浏览 1提问于2009-02-25得票数 0
1回答
如何在单击下拉菜单触发的弹出框时防止下拉菜单隐藏？
javascript、jquery、ajax、twitter-bootstrap
使用标准的Twitter javascript组件，下拉菜单触发了一个弹出。
当用户点击弹出框时，您能帮我防止下拉列表关闭吗？
这里有一个小提琴：
UX：
单击下拉菜单按钮===>下拉菜单显示
单击弹出下拉项目===> popover显示
单击Popover ===>下拉菜单，弹出窗口消失！O不！我怎样才能防止这种情况？
我希望弹出和下拉列表保持向上，直到(a)单击外部下拉列表和弹出，或(b)故意隐藏(例如，单击popover表单提交后)。
html：
<div class="btn-group">
<button
浏览 2提问于2013-04-21得票数 0
回答已采纳
4回答
我可以使用提交按钮来激活AJAX功能吗？
php、javascript、html、ajax、forms
我有一个HTML表单，目前只是将数据直接发送到PHP文件。我想要更新代码，以便submit按钮将数据发送到一个JavaScript函数，以便创建一个AJAX函数。提交按钮是否可以激活JavaScript功能，而不是发布到php文件？我唯一想出来的是下面的内容，这显然是行不通的：
<html>
<head>
<script type="text/javascript">
function ajax(){
//...
}
</script>
</head>
<body>
<form action=&
浏览 0提问于2012-01-11得票数 1
回答已采纳
2回答
单击HTML表单提交按钮调用函数。在提交表格之前，功能是否总是完整的？
javascript、html、forms
我有一个HTML表单。其中一个表单字段值由一个JavaScript函数设置。单击submit按钮时将调用JavaScript函数。我能确保函数总是在提交表单之前及时完成并设置字段值吗？
编辑:这是要求的代码。
$('#submitbutton').click(function () {
createWholeArray();
});
function createWholeArray() {
var templateString = width + " " + h
浏览 3提问于2014-02-08得票数 0
回答已采纳
1回答
阻止表单提交关闭列表项
jquery、forms、form-submit
我有一个表单包装在一个列表项中，css显示为无。要查看表单，用户单击一个按钮，这会导致jquery调用一个slideToggle。好不幸的是，当用户单击表单的submit按钮时，它会将列表项反转回显示none。坏的。因为用户看不到任何表单提交错误。我正在尝试阻止submit按钮也关闭表单。表单是使用Gravityforms创建的，这是一个wordpress插件，所以我不能更改表单提交代码。(我不这么认为？)
这是html
<ul class="contact">
<li>class="gravity-form">
<
浏览 5提问于2012-01-16得票数 0
4回答
asp.net回发和javascript/jquery
javascript、asp.net、jquery
我刚刚在asp.net上发现了一个有趣的行为。
我有一个表单，它有一个字段集，它在最初加载时是隐藏的，还有一个提交按钮。
我想要做的是，当用户单击submit按钮时，字段集就会出现。问题是，当我尝试单击submit按钮时，它将显示fieldset元素，但会立即消失。
如果你能给我指出我在代码中哪里做错了，你能给我指出正确的方向吗？请参阅下面的代码。
万分感谢！
干杯，安
<%@ Page Language="C#" AutoEventWireup="true" Inherits="JavascriptTest._Default" %>
浏览 0提问于2010-12-06得票数 0
回答已采纳
3回答
提交表单的Javascript函数返回布尔值
javascript、submit
我们有一些代码，其中一些函数提交表单返回一个布尔值。此函数在<button>标记中被调用，并附加到其onclick事件处理程序，例如，
onclick="goBack();"
return true在这里有什么用？没有它，它也能正常工作。因此，使用过遗留代码的人员请与您的输入相结合。
function goBack()
{
document.forms[0].action = "HomePage.jsp";
document.forms[0].method = "POST";
document.forms[0
浏览 3提问于2013-09-11得票数 0
回答已采纳
5回答
为什么`$.post`只有在` `alert()`出现的情况下才起作用？
javascript、post
我有以下javascript代码：
$.post("<receiver>", postdata);
并且并不总是获得postdata。如果我写下下面的代码，一切都会正常工作：
$.post("<receiver>", postdata);
alert('bla-bla-bla, read me for a second');
为什么？当javascript运行时，保存按钮上的页面会发生变化。但我需要在重定向之前发送post数据。
浏览 0提问于2013-02-22得票数 3
回答已采纳
3回答
<input type="submit“/>不执行javascript代码
c#、javascript、jquery、html、razor
实际上，当我的表单使用提交按钮提交时，我希望执行javascript代码来检查数据，如果没有填充数据，则打开一个弹出对话框，因此不执行绑定到表单的操作。
不幸的是，即使javascript位于页面的顶部，也永远不会执行javascript代码。
你有解决方案吗？
谢谢
我的表单：
@using (Html.BeginForm("AddRecipe", "AddRecipe", FormMethod.Post, new { data_ajax = "false"}))
{
//Set of components to submit
//etc
&l
浏览 0提问于2014-08-11得票数 0
2回答
ASP.NET MVC:处理取消按钮的正确方法
asp.net-mvc
我想要有一个简单的取消按钮，这样在确认删除产品时，他们可以改变主意，在实际的删除操作开始之前单击取消。
我认为在单击该按钮时，您希望将用户重定向到上一页。我知道处理这个问题的一种常用方法是javascript。
onclick="javascript:history.back(1);"
这可以接受吗？如果用户禁用了javascript，那么会发生什么呢？
因此，我认为我应该提交表单，并通过一个操作将用户重定向到上一页。这是不是应该这样做？如果是这样的话，执行此操作的C#代码是什么？
感谢您的帮助:)
浏览 0提问于2009-10-05得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
