gpt4 book ai didi

javascript - YUI3 按钮单击事件的行为类似于提交类型而不是按钮类型

转载 作者:行者123 更新时间:2023-11-30 08:58:05 25 4
gpt4 key购买 nike

我正在使用 ASP.NET MVC 3Yahoo API version 3。我试图让我的 YUI3 按钮 在我点击它时重定向到另一个页面,这个按钮是我的取消按钮。取消按钮是普通按钮类型,但它被视为提交按钮。它不会重定向到正确的页面,而是像提交按钮一样工作,它像提交按钮一样启动我的页面验证。

我认为它可能与我的 HTML 有关,但我确实验证了它。它验证了 100% 正确。所以我然后将整个页面剥离到最低限度,但取消按钮仍然像提交按钮一样工作。这是我的 HTML 标记:

@{
Layout = null;
}

<!DOCTYPE html>

<html>
<head>
<title>Create2</title>
</head>

<body class="yui3-skin-sam">

<h1>Test submit</h1>

@using (Html.BeginForm())
{
<button id="SaveButton" type="submit">Save</button>
<button id="CancelButton" type="button">Cancel</button>
}

<script src="http://yui.yahooapis.com/3.6.0pr4/build/yui/yui-min.js"></script>
<script>
YUI().use('button', function (Y) {
var saveButton = new Y.Button({
srcNode: '#SaveButton'
}).render();

var cancelButton = new Y.Button({
srcNode: '#CancelButton',
on: {
'click': function (e) {
Y.config.win.location = '/Administration/Department/List';
}
}
}).render();
});
</script>

</body>
</html>

我不确定我在这里做错了什么?这可能是他们的 API 中的错误吗?我正在 IE8 和最新版本的 FireFox 上进行测试。

更新:

我忘了说,如果这些按钮不在表单标签之间,那么重定向就可以正常工作。如果我将它们放在表单标签中,则重定向不起作用。

最佳答案

我会使用链接,因为您正在重定向到另一个页面。这样做你不需要用 javascript 初始化它或注册 onClick 监听器。

<button id="SaveButton" type="submit">Save</button>
<a id="CancelButton" href='/Administration/Department/List'>Cancel</a>

查看此链接以设置您的链接样式:http://yuilibrary.com/yui/docs/button/cssbutton.html

关于javascript - YUI3 按钮单击事件的行为类似于提交类型而不是按钮类型,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11701804/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com