溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

怎么實現(xiàn)jquery回車登錄效果

發(fā)布時間：2020-09-28 15:35:59 來源：億速云 閱讀：187 作者：小新 欄目：web開發(fā)

這篇文章主要介紹了怎么實現(xiàn)jquery回車登錄效果，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

最近在做項目登錄時，每次都需要點擊登錄按鈕才可以進入相應(yīng)的頁面，給用戶一個很不好的體驗，所以我就添加使用回車鍵來實現(xiàn)登錄。

方法：

<form> 
<input type="text" id="username_txt" placeholder="用戶名" />
<input type="password" id="userpass_txt" placeholder="密碼" />
    <button id="login_btn">登錄</button>
</form>
$(function () { 
$('#username_txt').focus();
    //用戶點擊按鈕
    $("#login_btn").click(function () {
    //獲取用戶名
    var username = $('#username_txt').val();
    var userpass = $('#userpass_txt').val();
     if (username == "" || userpass == "") { alert("用戶名密碼不能為空！"'); }
    else {
//調(diào)用登錄方法
        $.ajax({
 });
 }
 });
$("body").keydown(function(event) {
 if (event.keyCode == "13") {//keyCode=13是回車鍵
$("#login_btn").click();
 }
}); 
});

感謝你能夠認真閱讀完這篇文章，希望小編分享怎么實現(xiàn)jquery回車登錄效果內(nèi)容對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學(xué)習(xí)!

向AI問一下細節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手