همان طور که میدانید , یک رمز قوی شامل فاکتور هایی از جمله حروف بزرگ , کارکترهای ویژه , عدد و تعداد رشته ی بالا می باشد که تمامی این موارد در این کد لحاظ شده .

در ادامه به صورت بسیار ساده آموزش قرار دادن این سنجش در وب سایت خودتان را مشاهده خواهید نمود .

در ابتدا شما نیاز به یک input یا اصطلاحا همان TextBox دارید و همچنین یک تگ خالی دکه در کنار این TextBox قرار میگیرد تا نتیجه سنجش در آن نمایان شود :

<input type="password" id="vms_pass">
<span id="resultVms"></span>

حال نوبت درج کد های جی کوئری مربوطه می باشد …

نکته : کاملا بدیهی است که شما باید دارای فایل کتابخانه Jquery باشید که میتوانید به راحتی از وب سایت www.jquery.com به رایگان دانلود نموده و به سایت خود ضمیمه نمایید .

بعد از ضمیمه نمودن فایل جی کوئری , میبایست کد های زیر را در قالب وب سایت خود کپی نمایید :

$('#vms_pass').keyup(function(e) {
     var strong_vms = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\\W).*$", "g");
     var medium_vms = new RegExp("^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$", "g");
     var enough_vms = new RegExp("(?=.{6,}).*", "g");
     if (false == enough_vms.test($(this).val())) {
             $('#resultVms').html('بسیار ضعیف');
     } else if (strong_vms.test($(this).val())) {
             $('#resultVms').className = 'ok';
             $('#resultVms').html('قوی !');
     } else if (medium_vms.test($(this).val())) {
             $('#passstrength').className = 'alert';
             $('#resultVms').html('متوسط !');
     } else {
             $('#resultVms').className = 'error';
             $('#resultVms').html('ضعیف !');
     }
     return true;
});

دموی آماده کد های بالا

پخش اختصاصی

گرداوری و آموزش : وحید مجیدی