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

时间:2012-05-19 12:36:46

标签: jquery asp.net-mvc validation

为了缓解我的应用程序我已经激活了客户端验证,它工作得很好,但不幸的是有些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验证工作得很好,直到我激活了验证客户端。

1 个答案:

答案 0 :(得分: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/...