欧美成人精品手机在线观看_69视频国产_动漫精品第一页_日韩中文字幕网 - 日本欧美一区二区

LOGO OA教程 ERP教程 模切知識(shí)交流 PMS教程 CRM教程 開(kāi)發(fā)文檔 其他文檔  
 
網(wǎng)站管理員

改善用戶體驗(yàn)之密碼強(qiáng)度提示

admin
2011年3月11日 23:1 本文熱度 3244
在用戶注冊(cè)或更改密碼時(shí),根據(jù)用戶輸入進(jìn)行檢測(cè)并返回結(jié)果。能有效地提醒用戶提高帳號(hào)的安全性。



類似效果:Live.com中的修改密碼功能



JS腳本:

    function chkpwd(obj){
        var t=obj.value;
        var id=getResult(t);
        
        //定義對(duì)應(yīng)的消息提示
        var msg=new Array(4);
        msg[0]="密碼過(guò)短。";
        msg[1]="密碼強(qiáng)度差。";
        msg[2]="密碼強(qiáng)度良好。";
        msg[3]="密碼強(qiáng)度高。";
        
        var sty=new Array(4);
        sty[0]=-45;
        sty[1]=-30;
        sty[2]=-15;
        sty[3]=0;
        
        var col=new Array(4);
        col[0]="gray";
        col[1]="red";
        col[2]="#ff6600";
        col[3]="Green";
        
        //設(shè)置顯示效果
        var bImg="attachments/month_0612/v200612702136.gif";//一張顯示用的圖片
        var sWidth=300;
        var sHeight=15;
        var Bobj=document.getElementById("chkResult");

        Bobj.style.fontSize="14px";
        Bobj.style.color=col[id];
        Bobj.style.width=sWidth + "px";
        Bobj.style.height=sHeight + "px";
        Bobj.style.lineHeight=sHeight + "px";
        Bobj.style.background="url(" + bImg + ") no-repeat left " + sty[id] + "px";
        Bobj.style.textIndent="20px";
        Bobj.innerHTML="檢測(cè)提示:" + msg[id];
    }
    
    //定義檢測(cè)函數(shù),返回0/1/2/3分別代表無(wú)效/差/一般/強(qiáng)
    function getResult(s){
        if(s.length < 4){
            return 0;
        }
        var ls = 0;
        if (s.match(/[a-z]/ig)){
            ls++;
        }
        if (s.match(/[0-9]/ig)){
            ls++;
        }
         if (s.match(/(.[^a-z0-9])/ig)){
            ls++;
        }
        if (s.length < 6 && ls > 0){
            ls--;
        }
        return ls
    }


使用方法:

第一步:保存圖片
第二步:根據(jù)您的需要修改js文件中該圖片地址。如下所示:
var bImg="pwdlen.gif";//一張顯示用的圖片
第三步:在需要檢測(cè)的頁(yè)面中引用這個(gè)腳本文件,如下所示:
<script type="text/javascript" src="chkpwd.js"></script>
第四步:在網(wǎng)頁(yè)的表單中,找到密碼輸入框添加onblur事件驅(qū)動(dòng),然后添加一個(gè)Div,如下所示:
<input type="password" name="pwd" onblur="chkpwd(this)" />
<div id="chkResult">強(qiáng)度檢測(cè)</div>
第五步:根據(jù)您頁(yè)面的需要通過(guò)樣式表CSS重新定義#chkResult的擺放位置,以合適您網(wǎng)頁(yè)的整體布局。

該文章在 2011/3/11 23:01:05 編輯過(guò)
關(guān)鍵字查詢
相關(guān)文章
正在查詢...
點(diǎn)晴ERP是一款針對(duì)中小制造業(yè)的專業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國(guó)內(nèi)大量中小企業(yè)的青睞。
點(diǎn)晴PMS碼頭管理系統(tǒng)主要針對(duì)港口碼頭集裝箱與散貨日常運(yùn)作、調(diào)度、堆場(chǎng)、車隊(duì)、財(cái)務(wù)費(fèi)用、相關(guān)報(bào)表等業(yè)務(wù)管理,結(jié)合碼頭的業(yè)務(wù)特點(diǎn),圍繞調(diào)度、堆場(chǎng)作業(yè)而開(kāi)發(fā)的。集技術(shù)的先進(jìn)性、管理的有效性于一體,是物流碼頭及其他港口類企業(yè)的高效ERP管理信息系統(tǒng)。
點(diǎn)晴WMS倉(cāng)儲(chǔ)管理系統(tǒng)提供了貨物產(chǎn)品管理,銷售管理,采購(gòu)管理,倉(cāng)儲(chǔ)管理,倉(cāng)庫(kù)管理,保質(zhì)期管理,貨位管理,庫(kù)位管理,生產(chǎn)管理,WMS管理系統(tǒng),標(biāo)簽打印,條形碼,二維碼管理,批號(hào)管理軟件。
點(diǎn)晴免費(fèi)OA是一款軟件和通用服務(wù)都免費(fèi),不限功能、不限時(shí)間、不限用戶的免費(fèi)OA協(xié)同辦公管理系統(tǒng)。
Copyright 2010-2025 ClickSun All Rights Reserved