javascript - 提交按钮重定向到另一个 View ASP.NET MVC

Question

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

我尝试过这个:

<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

您正在将点击事件绑定(bind)到 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")';
  });
});