提交按钮重定向到另一个视图 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")';
  });
});