jQuery 客户端验证不适用于 MVC 3 MvcContrib.FluentHtml

Question

使用 MVC 3 RTM 和 MvcContrib/FluentHtml 版本 3.0.51.0，我无法让 jQuery 客户端验证工作。服务器端验证工作正常，并返回显示正确的验证摘要等。但是，当表单发布应该在客户端停止以显示验证错误时，它总是尝试点击服务器端发布控制器操作。

对我所缺少的有什么想法吗？最新版本的 MvcContrib/FluentHtml 是否与 jQuery 客户端验证不兼容？

这是我的代码：

Web.config 具有：

<add key="ClientValidationEnabled" value="true"/>
<add key="UnobtrusiveJavaScriptEnabled" value="true"/>

Site.Master 页面具有：

<script src="<%= Url.Content("~/Assets/JavaScript/jquery-1.4.4.min.js")%>" type="text/javascript"></script>
   <script src="<%= Url.Content("~/Assets/JavaScript/jquery-ui-1.8.7.min.js")%>" type="text/javascript"></script>
   <script src="<%= Url.Content("~/Assets/JavaScript/jquery.validate.min.js")%>" type="text/javascript"></script>
   <script src="<%= Url.Content("~/Assets/JavaScript/jquery.validate.unobtrusive.min.js")%>" type="text/javascript"></script>

View 页面继承自 MvcContrib 的 ModelViewPage： 这是视图页面：

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" 
    Inherits="ModelViewPage<MaintainReferralAgencyDetailVM>" %>
<%@ Import Namespace="OASIS3G.Controllers" %>
<%@ Import Namespace="OASIS3G.ViewModels" %>
<%@ Import Namespace="JCDCHelper.Extension"%>
<%@ Import Namespace="MvcContrib.FluentHtml" %>
<%@ Import Namespace="System.Web.Mvc" %>
<%@ Import Namespace="System.Web.Mvc.Html" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <% using (Html.BeginForm()) %>
    <% { %>
        <h1>Referral Agency Detail</h1>
        <%= Html.ValidationSummary(false) %>
        <table class="NoBorder">
            <tr>
                <td class="NoBorder SubmitFormLeftColumn"><span class="required">* </span>Zip Code:</td>
                <td class="NoBorder"><%= this.TextBox(x => x.ReferralAgency.ContactInformation.Zipcode) %> Example: 99999 or 999990000
                   <%= Html.ValidationMessageFor(x=>x.ReferralAgency.ContactInformation.Zipcode) %>
                </td>
            </tr>
        </table>
        <input type="submit" value="Submit" />
    <% } %>
</asp:Content>

这是控制器发布操作：

[HttpPost]
        public ActionResult MaintainReferralAgencyDetail(MaintainReferralAgencyDetailVM userInputs)
        {
// I shouldn't reach this when I submit the form with a blank Zipcode, but I do:
            if (ModelState.IsValid)
            {

这是带有必填字段的实体对象：

[Serializable]
public class ContactInformationEO
{
    public virtual Int64 AddressId { get; set; }

    [Required]
    public virtual string Zipcode { get; set; }

Answer 1

我发现，这肯定是 MvcContrib 搞砸了。我最初认为MvcContrib不是一个因素，因为当我从MvcContrib的ModelViewPage更改为Mvc.ViewPage时，我将“this.TextBox”切换为“Html.TextBox”，它仍然不起作用。但是，我刚刚发现我需要将控件切换到“Html.EditorFor”而不是“Html.TextBox”。

我在 google 上搜索了几分钟，看起来 MvcContrib 版本 3.0.51.0 不支持使用 EditorFor 的任何等效项进行 jquery 客户端验证，因此我必须将其撕掉并使用本机 MVC 控件。

您可以在此处查看一篇文章，其中包含我的方法的完整解决方案：使用-asp-net-mvc-and-jquery自动验证和格式化数据

Answer 2

刚刚遇到这个问题，看起来像 斯科特·柯克兰有一个解决方案。