jquery - MVC 4 リモート検証の失敗

Question

リモート検証を実装しようとしていますが、アクション メソッドの呼び出しに失敗しています。

Firebug でテストすると、フィールドの 1 つを検証する必要があるページでエラーが発生します。これが、リモート検証が機能しない根本的な原因である可能性が最も高いです。

_LayoutView のマイ スクリプト

  <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/mvc/3.0/jquery.validate.unobtrusive.min.js"></script>

これはエラーです エラー:

Syntax error, unrecognized expression: :input[name=UserReg.Password]
http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.min.js Line 2

jQuery 1.8.0 を試しましたが、まだエラーが発生します。

UserReg.Password はビューの一部です

   @Html.EditorFor(model => model.UserReg.Password)

これは、そのフィールドのレンダリングされたページ ソースです。

     <input class="text-box single-line password" data-val="true" data-val-length="The Password must be at least 6 characters long." data-val-length-max="100" data-val-length-min="6" data-val-required="The Password field is required." id="UserReg_Password" name="UserReg.Password" type="password" value="" />

何か案は？

Answer 1

jQuery Validate プラグインでは、検証ルールで宣言するときに、「ドットなど」の特殊文字を含む入力名を引用符で囲む必要があります。

参照: docs.jquery.com/Plugins/Validation/…</a>

複雑な名前 (括弧、ドット) を持つフィールド

「フォームが有効な JavaScript 識別子ではない名前を使用するフィールドで構成されている場合、ルール オプションを使用するときにそれらの名前を引用する必要があります。」

$(document).ready(function(){
    $('#myform').validate({
        rules: {
            "UserReg.Password": {
                // whatever your rules,
                // required: true
            }
        }
    });
});

それができない場合は、これinputを特殊文字を含まない名前に切り替えてみてください。

---

補足: jQuery Validate v1.9.0 が含まれています。ただし、プラグインの最新バージョンである v1.10.0 でさえ、jQuery 1.9.0 での動作はテストされていません。jQuery 1.9.0 を維持したい場合は、Githubの「プレリリース」Validate プラグイン バージョン 1.11.0preを使用する必要があります。

Answer 2

このスクリプトを_LayoutViewから削除しました

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>

そして問題はなくなりました。クライアント側の検証はまだ機能しています。