ASP.NET MVC和Javascript-提交按钮提交表单，onclick @ URL.Action不触发

Question

我有两个提交者，一个提交第1页的表单，另一个提交第1页的表单并重定向到第2页的表单2。

<input type="submit" value="Submit and Add Expense" onclick="window.location.href='@Url.Action("Create", "Expense")';"/>

问题是，当单击此辅助提交按钮时，它就像第一个提交按钮一样提交表单。 似乎重定向@ url.action没有触发。 有什么想法吗？

Answer 1

以下代码可以解决问题。

<input type="submit" id="btnOne" value="One"/>

<input type="button" id="btnTwo" value="One"/>

<script>
    var sample = sample || {};
    sample.url = '@Url.Action("Create", "Expense")';
</script>

//you can move it to a separate file
<script>
$(function(){

    $("#btnTwo").click(function(){

        var form = $("form");
        form.submit();

         setTimeout(function() {


            window.location.href = sample.url;
        },100);


    });

});
</script>

Answer 2

我结束了将value属性分配给按钮，然后在控制器中检查按钮值的简单方法。

//查看

<input type="submit" value="Submit" />
<button name="button" value="SubmitAndExpense">Submit and Add Expense</button>

//控制器

[HttpPost]
public ActionResult Create(string button)
{
   if (button != "SubmitAndExpense") {...}
}