Skip to main content
 首页 » 编程设计

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

2026年07月28日5Terrylee

我想使用 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> 

请您参考如下方法:

您可以在按钮单击事件上启动 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了解更多信息。