日本不卡一区二区三区四区,日韩一区二区三区四区在线,亚洲视频在线播放

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

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

以下為詳細代碼

<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代碼

相關閱讀: 生成最新日期與時間選擇（年月日）下拉框; 仿淘寶網站的導航標簽效果！; 萬家樂櫥柜網站; 深山行者旅行社網站管理系統 v1.4; CSS編寫過程中常見的10個錯誤; uni-app全局載入模板與某個頁面單獨加載入模板寫法; 正則替換回車換行符和把br替換成回車換行符; 亂涂

共有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還有其它的嗎

更多>>隨機抽取信息: 深山留言板(激情圣誕集合五套模板)v4.4; 能堅持幾秒？據說，美國空軍的飛行員被強制達到2分鐘！; ASP FSO讀取XX文件夾下的所有文件與創建使用時間; css里陰影效果濾鏡DropShadow顏色數值的詳細設置; 設置個性的文字鏈接樣式,集齊網頁上常見的鏈接樣式; javascript編寫的網頁版的打字測試程序

更多標簽熱門標簽

變幻導航文件例子生成器自適應高度 max 第幾樓 box 深山行者V1.2旅行社網站管理系統百度文章計劃加密 visite eof 編輯管理系統舒服光標 flash 透明評論分辨率列搜索引擎無限 DW 旅游叛斷 2003 cookies 中英建立日期強度 script 提交十字關鍵詞商城眼睛相冊 ctrl submit 鼠標字節數錨點單選 loading 珍惜正則

国产一二区视频_国产一区二区免费_亚洲精选一区_久久精品1_午夜av免费在线观看_在线观看日韩欧美

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