검색결과 리스트
ajaxcontroltoolkit에 해당되는 글 2건
- 2012.06.21 ajax password strength check
글
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
암호의 강도를 체크 및 표시해주는 컨트롤을 사용해야해서 정리해둔다.
AjaxControlTookit 선언은 아래의 글을 참고하기 바란다.
http://tiger5net.tistory.com/741
위에 예제는 txtPassword라는 컨트롤에 암호를 입력하면 입력한 암호에 대한 강도를 표시하는 예이다.
암호를 입력하면 정의된 StengthStyles처럼 강도에 따른 CSS가 표시된다.
만약 강도를 이미지로 표시하고 싶다면 아래처럼 CSS에 이미지 배경을 지정하면 된다.
AjaxControlTookit 선언은 아래의 글을 참고하기 바란다.
http://tiger5net.tistory.com/741
<css>
.PSBorder
{
width:71px;
vertical-align:middle;
}.poor
{
background-color: gray;
}
.weak
{
background-color: #ff5353;
}
.good
{
background-color: #fad054;
}
.strong
{
background-color: #93c9f4;
}
.excellent
{
background-color: #b6ff6c;
}
</css>
<asp:TextBox ID="txtPassword" TextMode="Password" MaxLength="16" size="30" runat="server">
<cc1:PasswordStrength ID="ps1" runat="server" TargetControlID="txtPassword"
DisplayPosition="BelowRight"
StrengthIndicatorType="BarIndicator"
PreferredPasswordLength="5"
BarBorderCssClass="PSBorder"
TextStrengthDescriptions="Poor; Weak; Good; Strong; Excellent"
StrengthStyles="poor; weak; good; strong; excellent"
MinimumNumericCharacters="1"
MinimumSymbolCharacters="1"
RequiresUpperAndLowerCaseCharacters="false">
</cc1:PasswordStrength>
위에 예제는 txtPassword라는 컨트롤에 암호를 입력하면 입력한 암호에 대한 강도를 표시하는 예이다.
암호를 입력하면 정의된 StengthStyles처럼 강도에 따른 CSS가 표시된다.
만약 강도를 이미지로 표시하고 싶다면 아래처럼 CSS에 이미지 배경을 지정하면 된다.
.poor
{
background: url(../poor.jpg) no-repeat;
}
'-- ASP.NET' 카테고리의 다른 글
| Web Role Remote IP Filtering (0) | 2012.09.04 |
|---|---|
| Web Service VS Web API (0) | 2012.08.08 |
| ASP.NET Ajax Accordion (0) | 2012.06.21 |
| 마스터페이지 (master page) (0) | 2012.06.21 |
| cross domain 해결하기 (0) | 2012.03.19 |
RECENT COMMENT