JavaScript はパスワードの強度を実装します。

パスワード強度表示と中国語強度表示

コードをコピー コードは次のとおりです:

 
   
   
   
   
       
   
   
       
 
 
   
       

style="display: none; width: 300px;">
            密码强度：
           
              
           
           
       

 


<スクリプトタイプ="text/javascript">
関数 checkPassword(){
    var pwd = $("#pwd1").val();
    gPasswdStatus(pwd,'p_PasswordStatus');
    }
function gPasswdStatus(value,id){
    var status = $("#" id);
    var result = $("#" id).find(".status-result")[0];
    var bar = $("#" id).find(".status-bar span");
    if (値 === "") {
        status.css("表示","なし");
    } else {
        var スコア = gCheckPassword(値);
        bar.css("幅",スコア "%");
        var resultDesp = gGetResultDesp(スコア);
        result.innerHTML = resultDesp;
        status.css("表示","ブロック");
    }
}
/**
* パスワードの強度をチェックし、スコアを返します
*
* @param {}
* パスワード
* @return {数値}
​*/
function gCheckPassword(パスワード) {
    var _score = 0;
    if (!パスワード) {
        0 を返す     }
    if (password.length         _スコア = 5
    } else {
        if (パスワードの長さ >= 5 && パスワードの長さ             _スコア = 10
        } else {
            if (password.length >= 8) {
                _スコア = 25
            }
        }
    }
    var _UpperCount = (password.match(/[A-Z]/g) || []).length;
    var _LowerCount = (password.match(/[a-z]/g) || []).length;
    var _LowerUpperCount = _UpperCount _LowerCount;
    if (_UpperCount && _LowerCount) {
        _スコア = 20
    } else {
        if (_UpperCount || _LowerCount) {
            _スコア = 10
        }
    }
    var _NumberCount = (password.match(/[d]/g, "") || []).length;
    if (_NumberCount > 0 && _NumberCount         _スコア = 10
    } else {
        if (_NumberCount >= 3) {
            _スコア = 20
        }
    }
    var _CharacterCount = (password.match(/[!@#$%^&*?_.-~]/g) || []).length;
    if (_CharacterCount == 1) {
        _スコア = 10
    } else {
        if (_CharacterCount > 1) {
            _スコア = 25
        }
    }
    if (_NumberCount && (_UpperCount && _LowerCount)
            && _CharacterCount) {
        _スコア = 5
    } else {
        if (_NumberCount && _LowerUpperCount && _CharacterCount) {
            _スコア = 3
        } else {
            if (_NumberCount && _LowerUpperCount) {
                _スコア = 2
            }
        }
}
Return _score
}
/**
* Return password strength Chinese prompts based on password strength score
*
* @param {}
* score
* @return {String}
​*/
function gGetResultDesp(score) {
If (score <= 5) {
         return "u592au77ed"
} else {
If (score > 5 && score < 20) {
         return "u5f31"
         } else {
If (score >= 20 && score < 60) {
             return "u4e2d"
         } else {
                  if (score >= 60) {
                  return "u5f3a"
              } else {
                 return ""
            }
            }
}
}
}

The above is all the content shared with you in this article. I hope it will be helpful to everyone to become proficient in javascript.