zoukankan      html  css  js  c++  java
  • Passwordstrength控件

     功能
             验证密码强度 。 用来提示用户输入密码的强度,用户在密码框中输入密码时,在文本框的后面会有一个提示,显示密码的强度 。

    重要属性:
        TargetControlID  :  
    密码框ID
        DisplayPosition    :   提示信息显示的位置,一共有6个值。
                                          分别是:RightSide、 AboveRight 、AboveLeft、  LeftSide、 BelowRight 、BelowLeft 。
        StrengthIndicatorType   : 设置显示的方式,文本或是进度条 。分别为:Text和BarIndicator。
        PreferredPasswordLength  :  密码强度最好时的长度
        PrefixText  :   在文本对密码强度描述的前缀
        TextStrengthDescriptions  :  在文本框中对密码的强度描述
        TextCssClass  :  文本提示时的样式
        MinimumNumericCharacters :  密码中至少要包含的数字的个数 
        MinimumSymbolCharacters :    密码中至少要包含特殊字符的个数 
        BarIndicatorCssClass :
         提示进度条的样式 
        BarBorderCssClass :
         提示进度条的边框样式 
        RequiresUpperAndLowerCaseCharacters  :  是否需要区分大小写 

    实例代码如下:    

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        
    <title>Untitled Page</title>
        
    <link href="StyleSheet.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        
    <form id="form1" runat="server">
            
    <asp:ScriptManager ID="ScriptManager1" runat="server" />
          
    <div>
                    
    <br />
            
    &nbsp; Text Indicators<br />
            
    &nbsp;
            
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>&nbsp;<br />
            
    &nbsp;
            
    <asp:Label ID="Label1" runat="server" Width="153px"></asp:Label><br />
            
    <br />
            
    &nbsp; Status Bar Indicators<br />
            
    &nbsp;
            
    <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox><br />
            
    &nbsp;
            
    <asp:Label ID="Label2" runat="server" Width="154px"></asp:Label><br />
            
    <br />
            
    &nbsp; Help Indicators<br />
            
    &nbsp;
            
    <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox><br />
            
    &nbsp;
            
    <asp:Label ID="Label3" runat="server" Width="154px"></asp:Label><br />
                
    <br />
            
    <br />
                
    <ajaxToolkit:PasswordStrength ID="PasswordStrength1" runat="server"  TargetControlID="TextBox1" 
                    DisplayPosition
    ="RightSide"
                    StrengthIndicatorType
    ="Text" 
                    PreferredPasswordLength
    ="10" 
                    PrefixText
    ="Strength:" 
                    TextStrengthDescriptions
    ="Very Poor;Weak;Average;Strong;Excellent" 
                    MinimumNumericCharacters
    ="0" 
                    MinimumSymbolCharacters
    ="0" 
                    HelpStatusLabelID
    ="Label1" 
                    TextCssClass
    ="TextIndicator_TextBox1" 
                    RequiresUpperAndLowerCaseCharacters
    ="false">
                
    </ajaxToolkit:PasswordStrength>
                
    <ajaxToolkit:PasswordStrength ID="PasswordStrength2" runat="server"  TargetControlID="TextBox2" 
                    DisplayPosition
    ="RightSide"
                    StrengthIndicatorType
    ="BarIndicator"                 
                    BarIndicatorCssClass
    ="BarIndicator_TextBox2" 
                    BarBorderCssClass
    ="BarBorder_TextBox2"
                    PreferredPasswordLength
    ="10" 
                    PrefixText
    ="Strength:" 
                    TextStrengthDescriptions
    ="Very Poor;Weak;Average;Strong;Excellent" 
                    MinimumNumericCharacters
    ="1" 
                    MinimumSymbolCharacters
    ="1" 
                    HelpStatusLabelID
    ="Label2" 
                    RequiresUpperAndLowerCaseCharacters
    ="true">
                
    </ajaxToolkit:PasswordStrength>
                
    <ajaxToolkit:PasswordStrength ID="PasswordStrength3" runat="server"              TargetControlID="TextBox3" 
                    TextCssClass
    ="TextIndicator_TextBox3" 
                    DisplayPosition
    ="RightSide"
                    StrengthIndicatorType
    ="Text"
                    PreferredPasswordLength
    ="20" 
                    PrefixText
    ="Meets Polixy : " 
                    MinimumNumericCharacters
    ="2" 
                    MinimumSymbolCharacters
    ="2" 
                    HelpStatusLabelID
    ="Label3" 
                    HelpHandleCssClass
    ="TextIndicator_TextBox3_Handle" 
                    HelpHandlePosition
    ="BelowRight" 
                    TextStrengthDescriptions
    ="Not at all; Very Low Compliance; Low Compliance; Average Compliance; Good Compliance; High Compliance; Yes" 
                    RequiresUpperAndLowerCaseCharacters
    ="true" >
                
    </ajaxToolkit:PasswordStrength>
            
    </div>
        
    </form>    
    </body>
    </html>

      

    相应的CSS如下:
        

    .TextIndicator_TextBox1 {
             background-color
    :Gray;
             color
    :White;
             font-family
    :Arial;
             font-size
    :x-small;
             font-style
    :italic;  
             padding
    : 2px 3px 2px 3px;   
        
    }


    .BarIndicator_TextBox2 
    {
            color
    :Blue;
            background-color
    :Blue;
            padding-bottom
    :0px;
        
    }


    .BarBorder_TextBox2 
    {
            border-style
    :solid;
            border-width
    :1px;
            width
    :200px;
            vertical-align
    :middle;
        
    }


    .TextIndicator_TextBox3 
    {
             background-color
    :Blue;
             color
    :Yellow;
             font-size
    :small;
             font-variant
    :small-caps;  
             padding
    : 2px 3px 2px 3px;   
        
    }

    运行结果如下: 
        
        图1.文本提示       

                         

    图2.进度条提示
                    

            

  • 相关阅读:
    关于机器人流量对抗的一点感想
    保卫"木叶",从火影剧情看网站攻防的演变
    自动化工具层级图
    对抗恶意机器人/自动化行为的新思路与方案
    C++ 数组、链表和二叉树的比较
    #ifndef和#define区别
    xavier上安装teamviewer
    Ubuntu16.04 下有关conda虚拟环境的一些使用方法
    vector中push_back和emplace_back的区别
    int、int16、int32、int64、float、float16、float32、float64
  • 原文地址:https://www.cnblogs.com/abcdwxc/p/937398.html
Copyright © 2011-2022 走看看