html – ASP.Net MVC 4在表单提交上设置’onsubmit’

概述我有以下表格： @Html.BeginForm("ActionMethod","Controller",FormMethod.Post) 提交时我想运行Javascript函数,所以我添加了以下内容： @Html.BeginForm("ActionMethod","Controller",FormMethod.Post, new { onsubmit = "myJsFunction()" }) 但 我有以下表格：

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

提交时我想运行JavaScript函数,所以我添加了以下内容：

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

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

解决方法 你需要这个：

@using (HTML.BeginForm("ActionMethod",new { onsubmit = "return myJsFunction()" })){        //form}

请注意,使用此选项可使表单自行关闭,无需使用,您需要按照此MSDN article中的详细说明将其关闭.

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

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

这应该d出警报.

如果第一个失败而第二个失败,则Js脚本引用存在问题.这会在浏览器控制台中引发错误.

更新

如果你给你的表单一个ID,你可以使用下面的jquery(jQuery reference),而不是突然绑定你的表单：

@using (HTML.BeginForm("ActionMethod",new { ID = "target"})){        //form}<script>    $(function () {        $("#target").submit(function (event) {            event.preventDefault();            myJsFunction();        });    });</script>

当文档为ready时,这将绑定到表单.

总结

以上是内存溢出为你收集整理的html – ASP.Net MVC 4在表单提交上设置’onsubmit’全部内容，希望文章能够帮你解决html – ASP.Net MVC 4在表单提交上设置’onsubmit’所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。