我们可以在ASP.NET MVC的部分视图用户控件中使用JQuery验证吗？

我在CustomerDetails.ascx partialview上有文本框、下拉列表等控件

现在我们可以对用户控件执行JQuery验证了

在MainView中，我们使用这样的代码

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Mvc.Master" 
Inherits="System.Web.Mvc.ViewPage<IEnumerable<DataModel.CustomerMaster>>" %>

<asp:Content ID="Content2" ContentPlaceHolderID="cphHead" runat="server">

    <script src="../../Scripts/jquery.validate.js" type="text/javascript"></script>

    <script type="text/javascript">
        //JQuery validations
    </script>        
</asp:Content>

<asp:Content ID="Content1" ContentPlaceHolderID="cphContent" runat="server">
    <h2 class="pageName">Customer Profile Main View</h2>
</asp:Content>

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<DataModel.CustomerMaster>" %>
<table>
    <tbody>
        <tr>
            <td class="Form_Label">
                <label for="Zip">Zip</label><em>*</em>
            </td>
            <td CssClass="Form_Value">
                <%= Html.TextBox("AddressDetail.ZipCode", Model.AddressDetail.FirstOrDefault().ZipCode, new { @class = "required zip", minlength = "5"})%>
            </td>
        </tr>

        <tr>
            <td colspan="2" align="center">
                <input type="submit" value="Update" /> 
                <span id="spanUpdateProfile" style="background-color:White;color:Green;font-size:small"></span>
           </td>
        </tr>
    </tbody>
</table>

//JQuery验证
客户资料主视图

在PartialView中，我们使用这样的代码

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Mvc.Master" 
Inherits="System.Web.Mvc.ViewPage<IEnumerable<DataModel.CustomerMaster>>" %>

<asp:Content ID="Content2" ContentPlaceHolderID="cphHead" runat="server">

    <script src="../../Scripts/jquery.validate.js" type="text/javascript"></script>

    <script type="text/javascript">
        //JQuery validations
    </script>        
</asp:Content>

<asp:Content ID="Content1" ContentPlaceHolderID="cphContent" runat="server">
    <h2 class="pageName">Customer Profile Main View</h2>
</asp:Content>

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<DataModel.CustomerMaster>" %>
<table>
    <tbody>
        <tr>
            <td class="Form_Label">
                <label for="Zip">Zip</label><em>*</em>
            </td>
            <td CssClass="Form_Value">
                <%= Html.TextBox("AddressDetail.ZipCode", Model.AddressDetail.FirstOrDefault().ZipCode, new { @class = "required zip", minlength = "5"})%>
            </td>
        </tr>

        <tr>
            <td colspan="2" align="center">
                <input type="submit" value="Update" /> 
                <span id="spanUpdateProfile" style="background-color:White;color:Green;font-size:small"></span>
           </td>
        </tr>
    </tbody>
</table>

拉链*

是的，你可以

---

JQuery验证纯粹在客户端（html级别）工作，因此无论是在部分视图还是完全视图上都无所谓。

当您想到mvc中的部分视图时，它们可能更接近PHP的include（），而不是webforms自定义控件。因此，把它看作是在页面中间的HTML或JavaScript /jQuery中插入：