您现在的位置: 雪儿网络 >> 站长学院 >> 网页设计 >> 文章正文

文章标题

给你网站的注册项中增加“密码强度”来托出网站的亲和力

『 更新时间:2006-10-8 』『 字体:变小 变大 』『 作者:心情男孩 | 来源::动易论坛 』

参考文章: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;}
 
对了,那个js文件从我网站里下载吧:http://www.bbsdiy.net/js/pswdplc.js
 
晕,呵呵“3.上面位置”是指“第2步”的位置,“3.上面位置的下面”既:
<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>

的下面。:)

【点击数:】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口

关文章

您的姓名:
评分等级:
1分 2分 3分 4分 5分
评论内容:
1、严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
2、用户需对自己在使用雪儿网络服务过程中的行为承担法律责任。
3、本站管理员有权保留或删除评论内容。
4、评论内容只代表网友个人观点,与本网站立场无关。
雪儿网络
copyright©2006-2008 xueol.com 鄂icp备06022161号
返回网站顶部