رفتن به مطلب

پست های پیشنهاد شده

نمایش قدرت پسورد با جاوا اسکریپت:

<html>
	<head>
		<title>Password Strength Checker</title>
		<style>
			.class0
			{
			  background-color: #cc3300;
			}

			.class1
			{
			  background-color: #ff9900;
			}

			.class2
			{
			  background-color: yellow;
			}

			.class3
			{
			  background-color: #ccff33;
			}

			.class4
			{
			  background-color: #00ee33;
			}

			.class5
			{
			  background-color: #00aa00;
			}

			#passwordStrength
			{
			  display:inline;
			  width:200px;
			  border:1px solid #000;
			  text-align:center;
			}
		</style>
		<script language="javascript">
			/**
			 * Title : Password Strength Checker using Javascript - amir Bassir
			 */
			function returnPwordStrength(password) {
				
				var msg = new Array("Very Weak","Weak","Better","Medium","Strong","Strongest");
				var strength   = 0;

				// If password has more than 6 characters add one to strength
				if (password.length > 6) strength++;

				//if password has both lower and uppercase characters add one to strength
				if ( ( password.match(/[a-z]/) ) && ( password.match(/[A-Z]/) ) ) strength++;

				//if password has at least one numeral add one to strength
				if (password.match(/\d+/)) strength++;

				//if password has at least one special character add one to strength
				if ( password.match(/.[!,@,#,$,%,^,&,*,?,_,~,-,(,),'\s']/) ) strength++;

				//If password has more than 12 characters add one to strength
				if (password.length > 12) strength++;

				document.getElementById("passwordStrength").innerHTML = msg[strength];
				document.getElementById("passwordStrength").className = "class"+strength;
			}
		</script>
	</head>
<body>
	<form>
		<p>
			<h1>PFC - Password Strength Checker</h1>
		</p><br/>
		Password: <input type="password" name="pword" id="pword" onkeyup="returnPwordStrength(this.value)" />
		<div id="passwordStrength" class="default">Enter your password </div><br/><br/><br/>
		<div>
			<pre>
				<i>
					A strong password should contain : 
					1. Alphabet
					2. Number
					3. Mix of lowercase & UPPERCASE characters
					4. Symbol
					5. More than 12 chars(optional-that would be strongest)
				</i><br/><br/>
				Note: The Passsword Strength Checker dosen't perform password validation, and only checks password strength.
				(Do not checks whether a password begin with alphabets, and other checks like that)
			<pre>
		</div>
	</form>
</body>
</html>  

دمو:  پیشنمایش

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

برای ارسال دیدگاه یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید دیدگاهی ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در سایت ما ثبت نام کنید. عضویت خیلی ساده است !

ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید

ورود به حساب کاربری

  • کاربران آنلاین در این صفحه   0 کاربر

    هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.

×
×
  • اضافه کردن...