javascript Enter按鍵並輸入檢查

Question

我要添加Enter鍵以登錄系統。 JavaScript塊具有檢查功能。 如何添加Enter鍵功能？ 這是查看代碼。

@using (Html.BeginForm("Login", "InventoryBarcode", FormMethod.Post, new { id = "main" }))
{
    <label for="LoginName" class="uname">Account</label>
    <input type="text" name="LoginName" id="LoginName" value="" placeholder="Please Enter Account" />
    <label for="LoginPassword" class="youpasswd">Password</label>
    <input type="password" name="LoginPassword" id="LoginPassword" value="" placeholder="Please Enter Password" />
    <asp:TextBox ID="txtLoginPassword" runat="server" TextMode="Password" placeholder="Please Enter Password"></asp:TextBox>
    <span id="message" style="color:red">@ViewBag.Message</span>
    <input type="button" name="Login" id="Login" value="login" onclick="Check();" />
}

<script src="~/Scripts/jquery-3.1.1.js"></script>
<script type="text/javascript">
function Check() {
    if ($.trim($("#LoginName").val()) === "") {
        $("#message").text('Please Enter Account!');
        return false;
    }
    if ($.trim($("#LoginPassword").val()) === "") {
        $("#message").text('Please Enter Password!');
        return false;
    }
    $("#Login").hide();
    $("#message").text('Login Please Wait...');
    $("#main").submit();
}
</script>

Answer 1

我強烈建議您附加提交處理程序：

<input type="submit" name="Login" id="Login" value="login" />

$("#main").on("submit", function(e) {
  if ($.trim($("#LoginName").val()) === "") {
    $("#message").text('Please Enter Account!');
    return false;
  }
  if ($.trim($("#LoginPassword").val()) === "") {
    $("#message").text('Please Enter Password!');
    return false;
  }
  $("#Login").hide();
  $("#message").text('Login Please Wait...');
});