中文字幕亚洲一区,韩国久久精品,四虎伊人

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

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

以下為詳細代碼

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

相關閱讀: 國內組團社旅游服務商建站解決方案; asp之自動閉合UBB標簽函數; 深山旅行社網站管理系統 v1.5; 特別推薦的asp數字加密(rsa); 了解html基礎知識之html標簽集合; 讓你的Pycharm和電腦pip install下載速度飛起來; 微信公眾平臺; 利用javascript鼠標經過表格，行與列變色

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

更多>>隨機抽取信息: 超強的中間自適應,左右固定,有許多值得學習的地方; 2010滾動條樣式大全最新收集; 蘇歐裝飾; 舞陽風情旅行社; 一個美化了的alert效果，非常不錯。; 在服務器上新建網站，在服務器用域名能訪問，但是外網訪問不了的解決辦法

更多標簽熱門標簽

變化字符 rnd 布局查詢 Dreamweaver 收藏 qq right 界面 important li Cookie 半透明邊框杈規 javascri 分隔符動畫 sel 框 adobe meta 快捷自適應 xhtml 驗證還原版權調色板 list 拖動效果文章 2003 廣告閉合 javascript ico 優化三級教程跳轉上傳焦點工作理想錨點間隔對象 alert word-break

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

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