Wie navigiere ich von einem Feld zu einem anderen Feld mit Enter Key-Funktion in MVC5

Question

Hallo Ich möchte wissen, wie man von einem Feld zu einem anderen Feld durch Drücken der Enter-Taste in MVC5 navigieren.

My View

<form> 
    <fieldset> 
    <div class="col-sm-3"> 
    <div class="form-group"> 
    <span style="color: #f00">*</span> 
    @Html.Label("Employee Name", new { @class = "control-label" }) 
    @Html.DropDownList("EmployeeID", 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.Date, new { @class = "control-label" }) 
    @Html.TextBoxFor(model => model.Date, new { @class = "form-control required", type = "text", id = "Date" }) 
    </div> 
    </div> 

    <div class="col-sm-3" style="float:left"> 
    <div class="form-group"> 
    <span style="color: #f00">*</span> 
    @Html.LabelFor(model => Model.CustomerName, new { @class = "control-label" }) 
    @Html.TextBoxFor(model => Model.CustomerName, new { @class = "form-control" }) 
    @Html.HiddenFor(model => Model.CustomerID) 
    </div> 
    </div> 

    <div class="col-sm-4" id="VisitType"> 
    <div class="form-group"> 
    <span style="color: #f00">*</span> 
    @Html.Label("Visit Type", new { @class = "control-label" }) 
    @Html.RadioButtonFor(model => model.VisitType, "true", new { id = "" }) Telephone 
    </label> 
    <label> 
    @Html.RadioButtonFor(model => model.VisitType, "false", new { id = "" }) Direct Visit 
    </label> 
    </div> 
    </div> 

    <form> 
    <fieldset> 

Meine J Abfrage

$("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(); 
    } 
    } 
    }); 

Mein Css

Nun wird dieser Code Finne Arbeits e in Geige. Aber dieser Code funktioniert nicht in meiner Ansicht. Warum, weil ich nicht weiß, wo ich dieses CSS aus meiner Sicht erklären muss. Bitte überprüfen Sie meinen Code und sagen Sie mir einen Vorschlag für dieses Problem. Bevor ich CSS-Datei im Skriptordner habe. Also ziehe ich die CSS-Datei und halte sie in meiner Ansicht. Ich habe keine CSS-Datei für diese Tastenfunktion. Bitte sagen Sie mir, wo ich diese CSS-Codierung aus meiner Sicht erklären muss. Und jeder schlägt mir auch eine andere Methode vor. Ich habe mein Bestes versucht, um mein Problem zu erklären. Irgendwelche verstehen und geben mir Lösung

Danke.

Answer 1

1. css

Ihre Ansicht nach hat eine Layout-Eigenschaft wie diese

@{ 
    Layout = "~/Views/Shared/_Layout.cshtml"; 
}  

im _Layout.cshtml Sie in Anfang der Datei Site.css sehen ist enthalten, etwa so:

@Styles.Render("~/Content/css") 
// look at App_Start/BundleConfig.cs to look up which style sheets are included 

Legen Sie Ihre CSS in der Datei site.css. Abschnitt Skript für Ihr Javascript

// view code here .... 

@section scripts 
{ 
// include scripts here 
}