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

时间:2017-01-06 23:32:56

标签: javascript asp.net-mvc razor

我想创建提交按钮,当我点击“接受”时,我会将我重定向到另一个视图。

我试过了:

<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")';
});

然而,这两者都不能正常工作。我做错了什么?

请帮帮我。谢谢!

1 个答案:

答案 0 :(得分:3)

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