提交按钮重定向到另一个视图 ASP.NET MVC

Question

我想创建提交按钮，当我单击"接受"时，该按钮会将我重定向到另一个视图。

我试过这个：

<div class="form-group">
      <div class="col-md-offset-2 col-md-10">
           <input type="submit" value="Accept" onclick="@("window.location.href='" + @Url.Action("Index", "kupec") + "'");" class="btn btn-default"/>
      </div>
</div>

而这个：

<input id="#redirect" type="submit" value="Accept" class="btn btn-default" />

使用 JavaScript：

$("#redirect").click(function () {
    document.location = '@Url.Action("Index","Dokument")';
});

但是，这两者都无法正常工作。我做错了什么？

Answer 1

您将 click 事件绑定到 Id redirect 的元素。但是您的按钮 ID 不是redirect，而是#redirect（额外的#前缀）。删除它，它应该可以工作。

<input id="redirect" type="submit" value="Accept" class="btn btn-default" />

此外，将事件处理程序包装在文档就绪事件中也可能是一个好主意。如果您的按钮位于表单元素内，则最好同时防止默认的表单提交行为。（如果你真的不想提交表格，你不应该把它放在表格里！:)）

$(function(){
  $("#redirect").click(function (e) {
     e.preventDefault();
     document.location = '@Url.Action("Index","Dokument")';
  });
});