中学数学网(群英学科)欢迎你
加入收藏
设为首页

您现在的位置: 群英学科数学网 >> 教育资源 >> 电脑软件 >> 网站建设 >> 正文 用户登录 新用户注册
编号[353] (动易2006)给你网站的注册项中增加“密码强度”来托出网站的亲和力

作者:未知    文章来源:本站原创    点击数:    更新时间:2006-11-4


(动易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;}
发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
  • 上一篇文章:

  • 下一篇文章:
  •   网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)