بررسی قدرت رمز عبور به هنگام عضویت در سایت

به نام خدا
برای اولین پست بخش هک های همیار دیتالایف، هک بررسی قدرت رمز عبوردر صفحه ی عضویت رو براتون آماده کردم. این هک که با استفاده از jаvascript میزان قدرت رمز عبور رو محاسبه کرده و در ذیل ورودی رمز نمایش می ده. البته این هک نمونه ی ساده ای از این روش هست که به زودی نسخه های مختلف آن را منتشر خواهیم کرد.

برای نصب این هک به صورت زیر عمل می کنیم :
1. فایل style/styles.css را ویرایش کرده و کد زیر را در انتهای آن قرار دهید:

#dlefa_pass {margin:0 0 0 0px;padding:0;overflow:hidden;width:170px;}
#dlefa_pass ul {border:0;margin:4px 0 0 0;padding:0;list-style-type:none;text-align:left;}
#dlefa_pass ul li {display:block;float:right;text-align:center;padding:0;margin:0;height:20px;}
#dlefa_Weak,#dlefa_Medium,#dlefa_Strong {width:56px;font-size:0.7em;color:#adadad;text-align:center;padding:2px;background-color:#F1F1F1;display:block;}
#dlefa_Weak,#dlefa_Medium {border-left:solid 1px #DEDEDE;}
#dlefa_Medium {width:55px;}
#dlefa_Medium,#dlefa_Strong {border-left-width:0;}
div.strong #dlefa_Weak, div.strong #dlefa_Medium, div.strong #dlefa_Strong {background: #00CC66;color: #00CC66;}
div.medium #dlefa_Weak, div.medium #dlefa_Medium {background: #FFFF99;color: #FFFF99;}
div.medium #dlefa_Weak, div.medium #dlefa_Medium {background: #FFFF99;color: #FFFF99;}
div.weak #dlefa_Weak {background: #FF0000;color: #FF0000;}
div.strong #dlefa_Strong, div.medium #dlefa_Medium, div.weak #dlefa_Weak {color:#000;}

2. فایل registration.tpl قالب خود را ویرایش کرده و کد زیر را به آن اضافه نمایید:

<script type="text/jаvascript" src="{THEME}/js/pass.js"></script>
<script type="text/jаvascript">
$(document).ready(function(){$('input[name="password1"]').passwordStrength({targetDiv: '#dlefa_pass',classes : Array('weak','medium','strong')});});
</script>

3. در همین فایل ، کد زیر ( یا مشابه آن ) را بیابید:

<input type="password" name="password2" class="f_input" dir="ltr" />

بعد از آن کد زیر را قرار می دهیم:

                    <div id="dlefa_pass">
                        <ul class="weak">
                            <li id="dlefa_Weak">ضعیف</li>
                            <li id="dlefa_Medium">متوسط</li>
                            <li id="dlefa_Strong">قوی</li>
                        </ul>
                    </div>