启用客户端验证后，Jquery 验证不再起作用

Question

为了改善我的应用程序，我激活了客户端验证，它工作得很好，但不幸的是，一些 Jquery 表单验证已被拒绝并且不再工作:(
这是我的 JS 代码：

<script src="../../Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.ui.datepicker.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.ui.core.min.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.ui.widget.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.validate.min.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("form").validate({
            rules: {
                idv: { required: true },
                dd: { required: true },
                df: { required: true },
                remise: { required: true }
            }
        });
    });
</script> 

这是我的表单代码：

<% using (Html.BeginForm("Promo", "Agence", FormMethod.Post, new { @class = "search_form" })) { %>

    <p>
        Matricule vehicule : <br />
        <%: Html.TextBox("idv")%> <br />
        De : <br />
        <%: Html.TextBox("dd")%> <br />
        Juqu'a  : <br />
        <%: Html.TextBox("df")%> <br />
        Remise : <br />
        <%: Html.TextBox("remise") %> % <br />
        Description : <br />
        <%: Html.TextArea("des", new {rows="4", cols="30" })%>
    </p>
    <input type="submit" value="Ajouter" class="button"/>            
<% } %>

在这种形式中，我不需要使用模型，我在同一页面中使用其他模型，Jquery 验证工作得很好，直到我激活了验证客户端。

Answer 1

验证这两行是否在 appSettings 部分的 web.config 文件中

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

并将这一行添加到您的布局中

    <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>

同时修改您现有的脚本，使它们都使用src="@Url.Content("~/Scripts/...