|
(动易2006)给你网站的注册项中增加“密码强度”来托出网站的亲和力
参考文章:http://www.bbsdiy.net/Article/ShowArticle.asp?ArticleID=8168
效果测试:http://www.bbsdiy.net/Reg/User_Reg.asp(点一下“我同意”就能看到了)
此主题相关图片如下:

修改实用于动易2006的方法:
1.在后台用户模板管理里的注册填表时的模板内容顶部添加:
<script type="text/javascript" src="../JS/pswdplc.js"></script>
2.查找到“请输入密码,区分大小写”(或在适当位置)添加:
<form name="RegProfileForm" style="margin:0px;" method="POST" target="_self" onsubmit="return OnSubmit(this);"> <script type="text/javascript"> function DispPwdStrength(iN,sHL) { if(iN>3){ iN=3;}for(var i=0;i<4;i++){ var sHCR="css0162";if(i<=iN){ sHCR=sHL;}if(i>0){ GEId("idSM"+i).className=sHCR;}GEId("idSMT"+i).style.display=((i==iN)?"inline":"none");}} </script>
3.上面位置的下面修改为:
<tr class=left_tdbgall> <td><B>密码(至少6位):</B><BR> 请输入密码,区分大小写。请尽量设得复杂一些。</td> <td><Input type=password maxLength=15 size=21 name=Password id="id3e8_9" autocomplete="off" value="" style="ime-mode:disabled" class="css0081" onkeyup="javascript:SetPwdStrengthEx(document.forms[0],this.value);" /> </td> </tr> <tr><td> </td><td><table cellpadding="0" cellspacing="0" class="css0161" style="height:19px"><td id="idSM1" width="33%" class="css0162" align="center"><span style="font-size:1px"> </span><span id="idSMT1" style="display:none;font-weight:normal;"> 弱 </span></td><td id="idSM2" width="34%" class="css0162" align="center" style="border-left:solid 1px #fff"><span style="font-size:1px"> </span><span id="idSMT0" style="display:inline;font-weight:normal;color:#666">请输密码</span><span id="idSMT2" style="display:none;"> 中 </span></td><td id="idSM3" width="33%" class="css0162" align="center" style="border-left:solid 1px #fff"><span style="font-size:1px"> </span><span id="idSMT3" style="display:none;"> 强 </span></td></table></td> </tr>
4.在风格CSS里添加:
.css0162 {background-color:#EBEBEB;border-right:solid 1px #BEBEBE;border-bottom:solid 1px #BEBEBE;} .css0163 {background-color:#FF4545;border-right:solid 1px #BB2B2B;border-bottom:solid 1px #BB2B2B;} .css0164 {background-color:#FFD35E;border-right:solid 1px #E9AE10;border-bottom:solid 1px #E9AE10;} .css0165 {background-color:#3ABB1C;border-right:solid 1px #267A12;border-bottom:solid 1px #267A12;}
|