jquery - MVC.net jQuery 検証

Question

JavaScript を何年も避けようとした後、Ivは MVC asp.net での検証に Query を使用し始めました。検証を行う公式の方法がないように思われるため、jQuery の優れた点に驚きました。

まず、API を学習する必要がないように、jQuery とその検証プラグインでインテリセンスを動作させる方法はありますか?

次に、この検証の概要を作成するにはどうすればよいですか。現在、テキストボックスの右側にエラーが追加されています。

<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>

しかし、これはうまくいきませんでした。

score 11 · Accepted Answer

オプションでラッパーとラベルコンテナーの両方を指定してみてください。また、エラーコンテナーのスタイルを追加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>

それはうまくいくはずです。

score 10 · Accepted Answer

CodeBetter.comで Karl Seguinの ASP.NET MVC 検証アプローチと彼のサンプルアプリケーションキャンバスを確認することをお勧めします。

検証 - パート 1 - はじめに

検証 - パート 2 - クライアント側

検証 - パート 3 - サーバー側

score 4 · Accepted Answer

VS2008のJQuery IntelliSense用の Visual Studio 2008 ホットフィックスがあります。これも SP1 にバンドルされている可能性があります。

score 1 · Accepted Answer

jquery (およびその他のプラグイン) の intellisense について: 独自のスクリプトファイルにも完全な intellisense を含めるには、intellisensee が必要なファイルごとに .js ファイルの先頭に次の行を 1 回含めるだけです。

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

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

jquery - MVC.net jQuery 検証

4 に答える 4

Related

Reference