Enterキー機能がMVC5で正しく機能していませんか？

Question

こんにちはMVC5のEnterキーを押して、あるフィールドから別のフィールドに移動したいとします。だから私はEnterキーの機能コードを使用しました。コードは以下のとおりです。

マイビュー

<form> 
<fieldset> 
<legend></legend> 
<div class="col-sm-3"> 
<div class="form-group"> 
<span style="color: #f00">*</span> 
@Html.Label("Customer Name", new { @class = "control-label" }) 
@Html.ValidationMessageFor(model => model.CustomerName) 
@Html.TextBoxFor(model => model.CustomerName, new { @class = "form-control required", type = "text" }) 
    </div> 
    </div> 
<div class="col-sm-3"> 
<div class="form-group"> 
@Html.LabelFor(model => model.Alias, new { @class = "control-label" }) 
@Html.DropDownList("SalutationID", null, "Select", new { @class = "form-control" }) 
@Html.ValidationMessageFor(model => model.Alias) 
    </div> 
    </div> 
<div class="col-sm-3"> 
<div class="form-group"> 
<span style="color: #f00">*</span> 
@Html.Label("Customer Type", new { @class = "control-label" }) 
@Html.DropDownList("CustomerTypeID", null, "Select", new { @class = "form-control required" }) 
    </div> 
    </div> 
<hr style="width:100% ; align-self:baseline"> 
<h3 style="color: #0000FF">Address</h3> 
<div class="col-sm-3"> 
<div class="form-group"> 
<span style="color: #f00">*</span> 
@Html.Label("Address Type", new { @class = "control-label" }) 
@Html.DropDownList("AddressTypeID", null, "Select", new { @class = "form-control required" }) 
    </div> 
    </div> 
<div class="col-sm-3"> 
<div class="form-group"> 
<span style="color: #f00">*</span> 
@Html.LabelFor(model => model.Street, new { @class = "control-label" }) 
@Html.TextBoxFor(model => model.Street, new { @class = "form-control", type = "text required" }) 
@Html.ValidationMessageFor(model => model.Street) 
    </div> 
    </div> 
<div class="col-sm-3"> 
<div class="form-group"> 
@Html.LabelFor(model => model.Location, new { @class = "control-label" }) 
@Html.TextBoxFor(model => model.Location, new { @class = "form-control", type = "text " }) 
@Html.ValidationMessageFor(model => model.Location) 
    </div> 
    </div> 
<div class="col-sm-3"> 
<div class="form-group"> 
@Html.LabelFor(model => model.Place, new { @class = "control-label" }) 
@Html.TextBoxFor(model => model.Place, new { @class = "form-control", type = "text" }) 
@Html.ValidationMessageFor(model => model.Place) 
    </div> 
    </div> 
</fieldset> 
</form> 

私のjQueryのコード

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
<script type="text/javascript" src="./javascript.js"></script> 
<script 
src="http://maps.googleapis.com/maps/api/js?key=AIzaSyCJnj2nWoM86eU8Bq2G4lSNz3udIkZT4YY&sensor=false"> 
</script> 
<script type="text/javascript"> 
$("form:not(.filter) :visible:enabled:first").focus(); 
$('form > div').keypress(function(e) { 
    debugger; 
    if (e.keyCode == 13) { 
    e.preventDefault(); 
    if ($(this).next().length > 0) { 
    $(this).next().children('div').children(":not(label)").focus(); 
    } else { 
    $("form:not(.filter) :visible:enabled:first").focus(); 
    } 
    } 
}); 

私はこのコードを試してみました。このコードでは、プラグインの近くにあるプラグインエラーを示しています。

<script type="text/javascript" src="./javascript.js"></script> 

私はこのプラグインのエラーが、無使用を除去するための多くの方法を試してみました。この問題を解決するために助けてください。

アドバンスありがとう..

Answer 1

jQueryが初期化されていないようです。このようにそれを使用してください：あなたの全体のJavaScriptコードが

$(function() 
{ 
//Your javascript goes here 
}); 

内にカプセル化されるべきであると

$(function() { 

$("form:not(.filter) :visible:enabled:first").focus(); 
$('form > div').keypress(function(e) { 
    debugger; 
    if (e.keyCode == 13) { 
    e.preventDefault(); 
    if ($(this).next().length > 0) { 
    $(this).next().children('div').children(":not(label)").focus(); 
    } else { 
    $("form:not(.filter) :visible:enabled:first").focus(); 
    } 
    } 
}); 

}); 

はお知らせ私が見る他の問題は、ローカルのJavaScriptファイル「javascript.jsを」パスが正しくないということです。 javascriptファイルをロードして404エラーを取り除くには、そのエラーを修正する必要があります。 img.jpgファイルも同様です。