asp.net-mvc - MVC 2 jQuery 验证和 ajax 表单

Question

我想使用 jQuery ($.post) 提交我的 html 表单，但我想使用 MVC 2 的客户端验证功能。目前我将 post 函数连接到表单标记的“OnSubmit”事件，但我无法进行验证，理想情况下我希望能够做到

if (formIsValid) {
     $.post('<%=Url.Action("{some action}")%>'...
}

请注意，客户端验证正在使用 jQuery.validation，我只是无法在发布数据之前测试验证是否成功。

安德鲁

最终解决方案

<%
    Html.EnableClientValidation();
    using (Html.BeginForm("Register", "Account", FormMethod.Post, new { id = "registrationForm" })) {
%>
...
<button type="submit" onclick="return submitRegistration();">Register</button>
<%
    }
%>



<script type="text/javascript">
  function submitRegistration() {
    if ($("#registrationForm").valid()) {
      $.post('<%=Url.Action("{some action}")'...
    }
    // this is required to prevent the form from submitting
    return false;
  }
</script>

Answer 1

您可以在按钮单击事件上启动 jQuery 验证。将以下内容放入按钮单击事件处理程序中:

if ($('form').valid())
   //take appropriate action for a valid form. e.g:
   $('form').post('<%=Url.Action("{some action}")%>')
else
   //take appropriate action for an invalid form

查看验证插件 documentation了解更多信息。