您好,登錄后才能下訂單哦!
這篇文章主要介紹了怎么實現jquery回車登錄效果,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
最近在做項目登錄時,每次都需要點擊登錄按鈕才可以進入相應的頁面,給用戶一個很不好的體驗,所以我就添加使用回車鍵來實現登錄。
方法:
<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 { //調用登錄方法 $.ajax({ }); } }); $("body").keydown(function(event) { if (event.keyCode == "13") {//keyCode=13是回車鍵 $("#login_btn").click(); } }); });
感謝你能夠認真閱讀完這篇文章,希望小編分享怎么實現jquery回車登錄效果內容對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,遇到問題就找億速云,詳細的解決方法等著你來學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。