jQuery在linkClick事件上提交表单

时间:2012-01-24 11:11:26

标签: jquery asp.net asp.net-mvc asp.net-mvc-3


@using (Html.BeginForm(new { id="form"})) { //fields}

链接

<div align="center" id="submitLink">@Html.ActionLink("Next", "address", "PES", new { abc= "xyz" }, null)</div>



脚本

$(function () {
    $("#submitLink").click(function () { $("#form").submit(); });
});


当我点击下一个链接时,表格没有提交
我在做错什么?

3 个答案:

答案 0 :(得分:1)

尝试在链接上设置ID而不是div:

<div align="center">

    @Html.ActionLink("Next", "address", "PES", new { abc= "xyz" },  new { id="submitLink" })

</div>

您还应该考虑设置一个操作,如果需要,还可以为您的表单设置一个控制器:

@using (Html.BeginForm("actionName","controller",FormMethod.Post, new { id="form"}))
{

}

您现在使用的BeginForm的重载是您将routeValues设置为id =“form”。

答案 1 :(得分:1)

首先让你的DOM准备就绪,并按照这些人的建议“为你的标签而不是div提供id”

  $(document).ready(function () {
        $(function () {
            $("#submitLink").click(function () { $("#form").submit(); });
        });
 }); 

答案 2 :(得分:0)

使用此脚本代替您的脚本并立即检查它是否有效... 请将submitLink id提供给锚标记....

$.document.ready(function () {
    $("#submitLink").attr("onclick", "$('#form').submit();");
    $("#submitLink").attr("href","javascript:void(0);");
});

我认为这个概念会起作用.....