猫咪成人官网,在线免费91,久久99成人

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

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

以下為詳細代碼

<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];
	}
	
	//定義檢測函數(shù),返回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表單移處數(shù)據(jù)的效果，非常好用。

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

相關閱讀: asp讀取QQ的rss之xml數(shù)據(jù); 靜態(tài)頁面在文本框中輸入數(shù)字，表格直接算出相應的結果; window.location.href在firefox火狐中不兼容的解決辦法; input文本輸入框只能輸入數(shù)字或字母或漢字等; radio組選擇詳細; flash關閉動畫時同時關閉網頁的代碼; 理解css里的!important是什么意思?; Javascript腳本常用代碼

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

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

返回頂部發(fā)表評論

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

網友評論聲明,請自覺遵守互聯(lián)網相關政策法規(guī)。

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

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

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

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

更多>>隨機抽取信息: CSS設計網頁頭部的優(yōu)化寫法; 初學ASP動態(tài)網頁制作常用錯誤處理; 安卓ES文件瀏覽器訪問電腦上共享文件夾設置; 關于字體在CSS中處理效果的思考; CSS教程:CSS偽類屬性; 揚子國際

更多標簽熱門標簽

jpg xml 憂化選項選項卡 Alpha 保護眼睛的電腦色 265 縮小 Javascript實現(xiàn)CSS代碼高亮顯示1 事務加減 Java 天氣預報 Request 自動隱藏高學習 txt weatherxml 個人 document 上下左右百度尺寸 msn flash 虛擬叛斷許愿墻處理網頁制作原則導航調用青春 dw 訪問量 strong 彈窗舒服 rad 左右方法信息注冊 checkbox rnd 代碼 Session 邊界重疊