c# - Mvc4 がこのエラー 'jQuery.validator.unobtrusive' is null or not an object' を表示しています

Question

クライアント側のカスタム検証を、(mycustomvalidations.js) という名前の別の JavaScript ファイルに記述しました。

これはjavascript(mycustomvalidations.js)ファイルのコードです

   jQuery.validator.unobtrusive.adapters.add
    ("selectedvaluewithenteredvaluecheck", ["param"], function (options) {
        options.rules["selectedvaluewithenteredvaluecheck"] = options.params.param;
        options.messages["selectedvaluewithenteredvaluecheck"] = options.message;
});
jQuery.validator.addMethod("selectedvaluewithenteredvaluecheck",
function (value, element, param) {
    console.log(value);
    console.log(param);
    var UsrEnteredValue = parseInt(param);
    var ddlselectedValue = json.stringify(value);
    if(ddlselectedValue == 'Amount')
    {
        if(UsrEnteredValue < 10 || UsrEnteredValue > 20)
        {        
            return false;        
        }
    }
    return true;
   }
  ); 

これが私の見解です..

@Scripts.Render("~/bundles/jquery")// here specifying all script files do i need to
  change any thing at here
@model MvcSampleApplication.Models.CrossFieldValidation
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
    Html.EnableUnobtrusiveJavaScript(true);
}    
<h2>Index</h2>
<script src="@Url.Content("~/Scripts/mycustomvalidations.js")" 
    type="text/javascript"></script>

@using (Html.BeginForm("PostValues", "CrossFieldsTxtboxes"))
{   
     @Html.ValidationSummary(false)             
    <div class ="editor-field">
      @Html.TextBoxFor(m => m.TxtCrossField)    
    </div>
   <div class =".editor-field">
       @Html.DropDownListFor(m=> m.SelectedValue , Model.Items)        
   </div>
 <div class=".editor-field">
          <input id="PostValues" type="Submit" value="PostValues" />
        </div>
}

しかし、この行でエラーが発生しています

jQuery.validator.unobtrusive.adapters.add
        ("selectedvaluewithenteredvaluecheck", ["param"], function (options) {
            options.rules["selectedvaluewithenteredvaluecheck"] = options.params.param;
            options.messages["selectedvaluewithenteredvaluecheck"] = options.message;
    });

このように 'jQuery.validator.unobtrusive' is null or not an object'。

このアプリケーションを IE8 で実行しようとすると、Chrome でエラーが発生しませんが、クライアント側の検証が Chrome で機能しません ....

私にとって非常に感謝するこのエラーを取得するためのアイデアを誰かが提案してくれませんか..

どうもありがとう..

変更されたコード:

上記で指定されたリンクによると、まだこのエラーが発生しています：

Unhandled exception at line 2, column 1 in localhost:hostnumber/Scripts/mycustomvalidations.js  0x800a138f - Microsoft JScript runtime error: 'jQuery.validator.unobtrusive' is null or not an object

スタートラインで

    $(function () {
  --->   jQuery.validator.unobtrusive.adapters.add
        ("selectedvaluewithenteredvaluecheck", ["param"], function (options) {
            options.rules["selectedvaluewithenteredvaluecheck"] = options.params.param;
            options.messages["selectedvaluewithenteredvaluecheck"] = options.message;
        });
    jQuery.validator.addMethod("selectedvaluewithenteredvaluecheck",
    function (value, element, param) {
        console.log(value);
        console.log(param);
        if (value != null)
            return false;
        var UsrEnteredValue = parseInt(param);
        var ddlselectedValue = json.stringify(value);
        if (ddlselectedValue == 'Amount') {
            if (UsrEnteredValue < 10 || UsrEnteredValue > 20) {
                return false;
            }
        }      
        return true;
    });

    }(jQuery));