如何实现jquery回车登录效果

时间2024-01-23 05:53:02发布访客分类HTML浏览518

导读：收集整理的这篇文章主要介绍了如何实现jquery回车登录效果，觉得挺不错的，现在分享给大家，也给大家做个参考。这次给大家带来如何实现jquery回车登录效果，实现jquery回车登录效果的注意事项有哪些，下面就是实战案例，一起来看一下。最近...

收集整理的这篇文章主要介绍了如何实现jquery回车登录效果，觉得挺不错的，现在分享给大家，也给大家做个参考。这次给大家带来如何实现jquery回车登录效果，实现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();
 }
}
    );
 }
    );

相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！