精品日韩一区,日韩亚洲视频在线,欧美精品在线观看

用戶注冊時的密碼強度提示

深山行者個人網站 2009/12/22 14:07:44 深山行者字體:大中小瀏覽 7044

以下為詳細代碼

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用戶注冊時的密碼強度提示 </title>
<style type="text/css">
body{
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
}
form{
	margin:2em;
}
#chkResult{margin-left:53px;height:15px;}
</style>
</head>
<body>
<form name="form1">
	<label for="pwd">用戶密碼</label>
	<input type="password" name="pwd" onblur="chkpwd(this)" />
	<div id="chkResult"></div>
	<label for="pwd2">重復密碼</label>
	<input type="password" name="pwd2" />
</form>
<script type="text/javascript">
	function chkpwd(obj){
		var t=obj.value;
		var id=getResult(t);
		
		//定義對應的消息提示
		var msg=new Array(4);
		msg[0]="密碼過短。";
		msg[1]="密碼強度差。";
		msg[2]="密碼強度良好。";
		msg[3]="密碼強度高。";
		
		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";
		
		//設置顯示效果
		var bImg="./UploadFiles/20100109/20100109195427469.gif";//一張顯示用的圖片
		var sWidth=300;
		var sHeight=15;
		var Bobj=document.getElementById("chkResult");
		Bobj.style.fontSize="12px";
		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="檢測提示：" + msg[id];
	}
	
	//定義檢測函數,返回0/1/2/3分別代表無效/差/一般/強
	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
	}
</script>
</body>
</html>

前一頁:一個select表單移處數據的效果，非常好用。

后一頁:判斷用戶注冊密碼強度的JS代碼

相關閱讀: 利用CSS制作的網站中新聞文章列表效果; 揚子國際; Dreamweaver錯誤：在onload運行_beforeSave.htm時，發生了一個JavaScript錯誤; 微信小程序客服會話只能過button讓用戶主動觸發; 發布重大事件說明; 利用css3中的-webkit-font-smoothing把網頁文字的毛邊去掉; 昆山假日旅行社; 會員系統

共有0條關于《用戶注冊時的密碼強度提示》的評論: 發表評論

正在加載評論......

返回頂部發表評論

呢稱:
表情:
內容:	評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
驗證碼:

網友評論聲明,請自覺遵守互聯網相關政策法規。

您發布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
二、不得發布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發布內容擁有處置權。

更多信息>>欄目類別選擇: 百度小程序開發; 微信小程序開發; 微信公眾號開發; uni-app; asp函數庫; ASP; DIV+CSS; HTML; python

更多>>同類信息: input文本輸入框只能輸入數字或字母或漢字等; 用于深山在線投票的一個javascript統計checkbox現在選中的個數一邊點復選框一邊驗證并計算現在選了多少個復選框; 利用javascript簡短功能就可以檢查form表單中的元素是否已經填寫; javascript日期驗證比較; javascript 根據漢字拼音首字母快速定位下拉列表; javascript取漢字拼音首字母縮寫程序

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動端自動化測試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車帝小程序; javascript獲取瀏覽器指紋可以用來做投票; 火狐Mozilla Firefox出現：無法載入您的Firefox配置文件它可能已經丟失或是無法訪問問題解決集合處理辦法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過代碼修改pip下載源讓下載庫飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機抽取信息: 頁面里面的js和css的放的位置順序與加載速度分析; 深山行者留言系統V2.3; 360500整站頁面設計; 一個javascript寫的RGB的調色器,非常不錯; 上海石化旅行社; 讓層處于上一個DIV層的右下角

更多標簽熱門標簽

淘寶 submit 鼠標 pt 想服務器原則標注邊框絕對定位 Alpha 逗號文件個人 clear Abandon mssql 滾動客戶端文本框黑白 sel 框 button dt 驗證碼樣式 ctrl 底部 DIV CSS做的透明菜單兼容IE、FF等時間標語 confirm 例子應用 windows 路徑 flush 多選框 list 個性下載藍色理想 jpg xml 手 loading 縮小工作 JavaScript實現文本框提示效果控件

99亚洲_成人性视频免费网站_av在线播放网址_免费成人在线网站_亚洲综合婷婷_亚洲一区二区国产

用戶注冊時的密碼強度提示