登录页表单验证

关注

原创最新推荐文章于 2026-05-18 08:15:00 发布 2.1k 阅读 AI 写同款· GEO 优化 ›

登录页面表单验证 H5+原生js本地存储 登录页面表单验证 阅读详情

$(".login-btn").on("click", function () {
                return check()
        })

        function check() {　　
                var reg = new RegExp("^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$"); //正则表达式    　　
                var userName = document.getElementById("userName").value; //要验证的对象
                var userPwd = document.getElementById("userPwd").value; //要验证的对象
            　　
            if (userName == "") { //输入不能为空     　　　　
                    alert("用户名不能为空！");　　　　
                    return false;　　
            } else if (!reg.test(userName)) { //正则验证不通过，格式不对               　　　　
                    alert("验证不通过!");　　　　
                    return false;　　
            } else {　　　　
                    alert("通过！");　　　　
                    return true;　　
            }
            if (userPwd == "") {//输入不能为空 
                    alert("密码不能为空！");
                    return false;
            } else {
                    alert("通过！");　　　　
                    return true;
            }
        }