怎么實現jquery回車登錄效果

這篇文章主要介紹了怎么實現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)新互聯

商城網站建設