パスワードのレベル

HTML

<input type = " テキスト" ID = ' パスワード'プレースホルダ= " 密码" /> 
    <DIV ID = ' 意図' > 
        の<div>弱</ div> 
        <div>中</ div> 
        <div>强</ DIV > 
    </ div>

CSS

<スタイル> 
    #intensionのDIV { 
        背景 - 色：グレー。
        幅：80px; 
        高さ：20ピクセル; 
        テキスト - 整列：センター; 
        行 - 高さ：20ピクセル; 
        マージン：5pxの; 
        フロート：左; 
    } 

    #intension { 
        幅：270px; 
        マージン - 左：40ピクセル
    } 

    #password { 
        幅：300ピクセル。
        高さ：30px; 
        フォント - サイズ：18px; 
    } 

    #intensionの.active { 
        背景 -色：ピンク
    }
 </スタイル>

JS

<スクリプト>
     VAR oPassword =のdocument.getElementById（" パスワード" ）;
    VAR oDiv =のdocument.getElementById（" 意図" ）;
    VARノード= oDiv.getElementsByTagName（" DIV " ）; 
    oPassword.onkeyup = 関数（）{
         VAR ovalueが= oPassword.value。

        ため（VAR iが= 0 ; I <nodes.lengthを、I ++ ）{ 
            ノード[i]は.className = '' ; 
        } 

        場合（/\d/.test(oValue）&& /[az]/.test(oValue）&& / [AZ] / .TEST（ovalueが））{ 
            ノード[ 2 ] .className = " アクティブ" 。
        } そう であれば（/^\d+$/.test(oValue）|| /^[AZ]+$/.test(oValue）|| / ^ [AZ] + $ / .TEST（ovalueが））{ 
            ノード[ 0 ] .className = " アクティブ" 。
        } 他{ 
            ノード[ 1 ] .className = " アクティブ" 。
        } 

    }
 </ SCRIPT>