MVC.net jQueryの検証
-
09-06-2019 - |
質問
後の手続きを避けるためのJavaScript、Ivの使用を開始したクエリのための 検証 にMVC asp.netともするものではありませんの公式な方法のバリデーション、合成用工業触媒を開発しっかjQueryです。
まずはあるわかりやすく伝えるための行頭に付け作業のためのjQueryとその検証プラグインなんてのapi?
二つ目の作成方法を教えてくださいバリデーションの概要はこのとして、現在では追加のエラーの右側のテキストボックスに入力します。:
<script type="text/javascript">
$().ready(function() {
$("#CreateLog").validate({
rules: {
UserName: {
required: true,
minLength: 2,
}
},
messages: {
UserName: {
required: "Please enter a username",
minLength: "Your username must consist of at least 2 characters",
}
}
});
});
</script>
<form id="CreateLog" action="Create" method="post" />
<label>UserName</label><br />
<%=Html.TextBox("UserName")%>
<br />
<div class="error"> </div>
<input type=submit value=Save />
</form>
私はこのスクリプト:
errorLabelContainer: $("#CreateLog div.error")
このhtmlの場合
<div class="error"> </div>
このなかった。
解決
みを指定するの両方のラッパーやラベルコンテナにします。いも display:none;
のスタイルのエラー-コンテナのみのjQueryを決める場合を示します。
$().ready(function() {
$("#CreateLog").validate({
errorLabelContainer: $("ul", $('div.error-container')),
wrapper: 'li',
rules: {
UserName: {
required: true,
minLength: 2,
}
},
messages: {
UserName: {
required: "Please enter a username",
minLength: "Your username must consist of at least 2 characters"
}
}
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="error-container">
<ul></ul>
</div>
<form id="CreateLog" action="Create" method="post" />
<label>UserName</label><br />
<%=Html.TextBox("UserName")%>
<br />
<input type=submit value=Save />
</form>
るべきます。
他のヒント
するためにチェック Karl Seguin's ASP.NET MVC検証アプローチに CodeBetter.com 彼のサンプル 申込キャンバス.
あVisual Studio2008hotfix用 JQueryを行頭に付けた に VS2008 .こうして同梱SP1しています。
を行頭に付けに関するjqueryのプラグイン):にすることで、各行頭に付け、自分のスクリプトファイルとして、次のラインでおります。jsファイルを一度ごしたいファイルintellisenseeから:
/// <reference path="[insert path to script file here]" />
シンプルですが、非常に有=)
所属していません StackOverflow