登录页表单验证

最新推荐文章于 2023-09-03 13:45:48 发布

原创最新推荐文章于 2023-09-03 13:45:48 发布 · 2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#表单验证 #登录页 #邮箱验证正则表达式

需求整理专栏收录该内容

16 篇文章

订阅专栏

$(".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;
            }
        }