MVC.net jQueryの検証

Question

後の手続きを避けるための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>

このなかった。

Answer 1

みを指定するの両方のラッパーやラベルコンテナにします。いも 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>

るべきます。

Answer 2

するためにチェック Karl Seguin's ASP.NET MVC検証アプローチに CodeBetter.com 彼のサンプル 申込キャンバス.

検証-第1部はじめに

検証-第2部-クライアント側の

検証-第3部-サーバーサイド

Answer 3

あVisual Studio2008hotfix用 JQueryを行頭に付けた に VS2008 .こうして同梱SP1しています。

Answer 4

を行頭に付けに関するjqueryのプラグイン):にすることで、各行頭に付け、自分のスクリプトファイルとして、次のラインでおります。jsファイルを一度ごしたいファイルintellisenseeから:

/// <reference path="[insert path to script file here]" />

シンプルですが、非常に有=)