【项目】——密码输入安全等级显示

本文展示了一个小项目,实现了密码输入时的安全等级提示。通过前端HTML和JS代码,动态显示密码强度为初级、中级、高级三个级别。
摘要由CSDN通过智能技术生成

      关于输入密码安全等级的提示,做了一个小demo,话不多说,先上图:

      初级:

        

      中级:

       

      高级:

       


     1、前台html代码

<table class="QueryMain" width="500px" cellpadding="0" align="center">
                <tr>
                    <td colspan="4" style="height: 22px; background-image: url(Resource/Images/QueryTitle.gif);"
                        align="center">
                        <table>
                            <tr>
                                <td style="border-width: 0px; padding-left: 5px; height: 22px; padding-top: 4px"
                                    align="center">
                                    <b style="font-size: large">用户密码修改</b>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div id="tableContainer" class="tableContainer" >
                            <table>
                                <tr>
                                    <td class="center" style="width: 250px;">
                                        当前密码
                                    </td>
                                    <td class="right" style="width: 200px;">
                                        <input name="textfield" type="password" class="nTxt" size="22" runat="server" id="txtOldPassword"
                                            maxlength="20" />
                                    </td>
                                </tr>
                                <tr>
                                    <td> </td>
                                     <td> </td>
                                </tr>
                                <tr>
                                    <td class="center" style="width: 250px;">
                                        输入新密码
                                    </td>
                                    <td class="right" style="width: 200px;">
                                        <table border="0" cellpadding="0" cellspaci
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 10
    评论
评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值