這篇文章主要介紹了怎么實現jquery回車登錄效果,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
成都創(chuàng)新互聯公司2013年成立,是專業(yè)互聯網技術服務公司,擁有項目網站制作、成都做網站網站策劃,項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命,1280元會澤做網站,已為上家服務,為會澤各地企業(yè)和個人服務,聯系電話:028-86922220
最近在做項目登錄時,每次都需要點擊登錄按鈕才可以進入相應的頁面,給用戶一個很不好的體驗,所以我就添加使用回車鍵來實現登錄。
方法:
<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回車登錄效果內容對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯,關注創(chuàng)新互聯行業(yè)資訊頻道,遇到問題就找創(chuàng)新互聯,詳細的解決方法等著你來學習!
網頁標題:怎么實現jquery回車登錄效果
轉載源于:http://muchs.cn/article26/iheojg.html
成都網站建設公司_創(chuàng)新互聯,為您提供ChatGPT、網站建設、電子商務、網站營銷、企業(yè)網站制作、外貿網站建設
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯