چک کردن امنیت رمز عبور با جاوا اسکریپت

[sharktech]

​

آیا می خواهید به کاربران سایت خود هنگام وارد کردن رمز عبور نشان دهید که رمز عبوری که آنها انتخاب کرده اند در چه سطحی از امنیت قرار دارد ؟
یک رمز عبور قوی باید از چهار عنصر : حروف کوچک, حروف بزرگ, اعداد و نشانه ها تشکیل شده باشد و تعداد رمز عبور انتخابی نباید از ۷ حرف کمتر باشد. رمز عبور طولانی بهتر است اما یک رمز عبور تشکیل شده از همه عناصر بهترین.
شما می توایند توسط کد زیر که توسط جاوااسکریپت نوشته شده است این کار را انجام دهید و مقدار امنیت پسورد انتخابی آنها را هنگام تایپ کردن توسط جملات مختلفی نظیر : خیلی ضعیف, ضعیف, متوسط و قوی به آنها نشان دهید تا هم سایت شما از امنیتی قوی برخوردار باشد و هم کاربران سایت.


نمونه رمز عبور با امنیت بالا : Xh@42/91


کد :

<script language="javascript">

function check_password_safety(pwd){

var msg = "";
var points = pwd.length;
var password_info = document.getElementById('password_info');

var has_letter        = new RegExp("[a-z]");
var has_caps        = new RegExp("[A-Z]");
var has_numbers        = new RegExp("[0-9]");
var has_symbols        = new RegExp("\\W");

if(has_letter.test(pwd))     { points += 4; }
if(has_caps.test(pwd))         { points += 4; }
if(has_numbers.test(pwd))     { points += 4; }
if(has_symbols.test(pwd))     { points += 4; }

if( points >= 24 ) {
    msg = '<span style="color: #0f0;">رمز عبور شما قوی می باشد!</span>';
} else if( points >= 16 ) {
    msg = '<span style="color: #00f;">رمز عبور شما متوسط می باشد!</span>';
} else if( points >= 12 ) {
    msg = '<span style="color: #fa0;">رمز عوبر شما ضعیف می باشد!</span>';
} else {
    msg = '<span style="color: #f00;">رمز عبور شما خیلی ضعیف می باشد!</span>';
}

password_info.innerHTML = msg ;
}

</script>

<input type="text" name="pwd" id="pwd" size="20" onkeyup="return check_password_safety(this.value);" />

<span id="password_info"><b>رمز عبور خود را تایپ کنید</b></span>