h5注册页面的密码校验和确认密码校验

页面代码:

js代码:

 /*
     密码校验
     */
    function checkPassword(){
        //获取密码输入
        var uPass = document.getElementById("password").value.trim();
        var span = document.getElementById("span_password");
        //对密码输入进行校验
        if(uPass.length == 0){
            span.innerHTML = "X,不能为空";
            return false;
        }else if(uPass.length < 6 && uPass.length > 0){
            span.innerHTML = "X,密码太短";
            return false;
        }
        else if (uPass.length >14){
            span.innerHTML = "X,密码太长";
            return false;
        }
        else{
            span.innerHTML = "√,密码可用";
            return true;
        }
    }

    /*
     确认密码校验
     * */
    function checkRePassword(){
        //获取密码输入
        var uPass = document.getElementById("password").value.trim();
        //获取确认密码输入
        var uRePass = document.getElementById("repsword").value.trim();
        var span = document.getElementById("span_repassword");
        //对密码输入进行校验
        if(uPass != uRePass){
            span.innerHTML = "X,两次密码不一致";
            return false;
        }else{
            span.innerHTML = "";
            return true;
        }
    }

注:onkeyup 事件会在键盘按键被松开时发生。onblur 事件会在对象失去焦点时发生js事件。

你可能感兴趣的:(h5注册页面的密码校验和确认密码校验)