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

页面代码：

<div class="item">
                        <p class="p_row"><input placeholder="密码" type="password" name="password" id="password" value="" required="required" onfocus="showTips('span_password','长度不能小于6且不能大于14')" onblur="checkPassword()" onkeyup="checkPassword()"/></p>
                        <span id="span_password"></span>
                    </div>

                    <div class="item">
                        <p class="p_row"><input placeholder="重复密码" type="password" name="repsword" id="repsword" value="" required="required" onblur="checkRePassword()" onkeyup="checkRePassword()"/></p>
                        <span id="span_repassword"></span>
                    </div>

js代码：

 /*
     密码校验
     */
    function checkPassword(){
        //获取密码输入
        var uPass = document.getElementById("password").value.trim();
        var span = document.getElementById("span_password");
        //对密码输入进行校验
        if(uPass.length == 0){
            span.innerHTML = "<font color='red' size='2'>X,不能为空</font>";
            return false;
        }else if(uPass.length < 6 && uPass.length > 0){
            span.innerHTML = "<font color='red' size='2'>X,密码太短</font>";
            return false;
        }
        else if (uPass.length >14){
            span.innerHTML = "<font color='red' size='2'>X,密码太长</font>";
            return false;
        }
        else{
            span.innerHTML = "<font color='green' size='2'>√,密码可用</font>";
            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 = "<font color='red' size='2'>X,两次密码不一致</font>";
            return false;
        }else{
            span.innerHTML = "";
            return true;
        }
    }

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