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

我开始轻松地将值属性分配给按钮，然后检查控制器中的按钮值。

//查看

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

//控制器

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

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

2 个答案: