ASP.Net MVC 4 在表单提交时设置“onsubmit”

Question

我有以下表格：

@Html.BeginForm("ActionMethod","Controller",FormMethod.Post)

提交时我想运行一个 Javascript 函数，所以我添加了以下内容：

@Html.BeginForm("ActionMethod","Controller",FormMethod.Post, new { onsubmit = "myJsFunction()" })

但是，它不起作用......我做错了什么？谢谢！

Answer 1

你需要这个：

@using (Html.BeginForm("ActionMethod","Controller",FormMethod.Post, new { onsubmit = "return myJsFunction()" }))
{
        //form
}

注意using 这会使表单自动关闭，而无需使用您需要关闭它，如此MSDN article 中所述。

您可以确认使用此方法调用了 javascript 以隔离问题：

@using (Html.BeginForm("ActionMethod","Controller",FormMethod.Post, new { onsubmit = "alert('test')" }))
{
        <input type="submit" value="test" />
}

这应该会弹出一个警报。

如果第一个失败而第二个有效，则说明您的 js 脚本引用有问题。这会在您的浏览器控制台中引发错误。

更新

如果你给你的表单一个 Id，你可以使用下面的 jquery 代替强行绑定你的表单（jQuery reference）：

@using (Html.BeginForm("ActionMethod","Controller",FormMethod.Post, new { id = "target"}))
{
        //form
}

<script>
    $(function () {
        $("#target").submit(function (event) {
            event.preventDefault();
            myJsFunction();
        });
    });
</script>

这会在表单为ready时绑定文档。