JS 实现回车键登录

最新推荐文章于 2024-01-29 16:00:03 发布

程序猿秃头之路

最新推荐文章于 2024-01-29 16:00:03 发布

阅读量804

点赞数

分类专栏： Web前端文章标签： JS 回车登录

本文链接：https://blog.csdn.net/zhang33565417/article/details/103281002

版权

Web前端专栏收录该内容

22 篇文章 1 订阅

订阅专栏

核心代码：

    function keyLogin() {
        // 回车键的键值是 13
        if (event.keyCode == 13) {
            $("#loginButtonId").click();
        }
    }

<input type="button" id="loginButtonId" value="登录" onclick="login()">

登录函数里面发送 ajax：

       function login() {
        $.ajax({
            type: "post",
            dataType: "json",
            data: $("#loginForm").serialize(),
            url: "${ctx}/user/login",
            success: function (data) {
                if ('-1' == data.resultFlag) {
                    window.location.href = "${ctx}/Home.jsp"
                } else {
                    //empty是将标签内的值清除，标签还在，remove标签就不在了
                    $("#msgDiv").empty();
                    $("#msgDiv").append(data.errorMsg);
                }
            },
            error: function () {
                alert("出错了");
            }
        });

不要忘记在 body 中添加 onkeydown ：