0

我有一个简单的表格。它有一个字段和一个提交按钮。我隐藏了提交按钮。提交按钮实际上是由一个锚标记触发的，该标记调用一个 javascript 方法，该方法使用 jQuery 获取元素并执行 click()。这工作正常，表单帖子和记录已成功写入数据库。

所以现在我添加了 xVal 进行验证。我正在尝试添加简单的客户端验证。

当我单击锚标记时它不起作用。但是，如果我取消隐藏提交按钮并尝试使用该按钮发布表单，而不是使用调用 js 方法的锚标记，它确实有效。所以基本上我想弄清楚为什么当我使用js方法触发提交按钮的点击时它不起作用。

有什么宏大的想法吗？非常感谢！

这是一些代码...

<div id="manufacturerButtons" class="moduleRow">
            <%= Html.ActionImage(Url.Content("~/Content/Icons/bullet_go_back.png"), "Back To Admin", "Admin", "Admin")%>
            | <a class="actionImage" href="javascript: addManufacturer();">
                <img border="0" src="<%= Url.Content("~/Content/Icons/accept.png")%>">&nbsp;<span>Add
                    Manufacturer </span></a>
        </div>
        <div class="moduleContent">
            <div id="manufacturerContainer">
                <div class="moduleRow">
                    <h3>
                        New Manufacturer</h3>
                </div>
                <div class="moduleRow">
                    <% Html.BeginForm("NewManufacturer", "Admin", FormMethod.Post); %>
                    <table class="noBorder" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                            <td style="width: 125px">
                               <h6>Name:</h6>
                            </td>
                            <td>
                                <%= Html.TextBox("Name") %>
                            </td>
                        </tr>
                        <tr style="display: none;">
                            <td>
                                &nbsp;
                            </td>
                            <td>
                                <input type="submit" id="btnAdd" name="btnAdd" />
                            </td>
                        </tr>
                    </table>
                    <% Html.EndForm(); %>
                    <%= Html.ClientSideValidation<EquipmentManufacturer>() %>
                </div>

            </div>

Javascript：

function addManufacturer() {
    //$('form').submit(); // doesnt work when trying to validate either
    $('#btnAdd').click();
    return true;
}
4

1 回答 1

1

您需要做的是在您的表单上触发 jQuery 验证。尝试：

$('form').validate();

要在成功验证后提交表单，请尝试：

$('form').validate({ submitHandler: function(form) { form.submit(); } });

请注意，“表单”应该是您表单的有效 jQuery 选择器...

于 2009-11-30T21:13:44.057 回答