私のアプリケーションを改善するために、私はクライアント側の検証を有効にしましたが、それはとてもうまく機能しますが、残念なことに、いくつかの 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 検証はうまく機能していました。