티스토리 뷰

💼 정보 ver1.0

ValidatorCallout Demonstration

James Wetzel 2011. 3. 2. 15:35


<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
 <style>       
       .ajax__validatorcallout_innerdiv
       {
            margin-top:-5px;
       }
       .validationErrorMessageTitle
       {
            border:none;
            font-weight:bold;
            font-family:Dotum,Arial;
            font-size:11px;
       }
       .validationErrorMessageContent
       {
            font-family:Dotum,Arial;
            font-size:11px;
       }
    </style>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">  
    <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></asp:ToolkitScriptManager>
    <asp:TextBox ID="id_TB" runat="server"></asp:TextBox>
    <br />
    <asp:TextBox ID="pw_TB" runat="server"></asp:TextBox>
    <br />
    <asp:LinkButton ID="login_LB" runat="server" onclick="login_LB_Click">로그인</asp:LinkButton>
    <asp:RequiredFieldValidator ID="id_RFV" runat="server"
        ErrorMessage="<span class='validationErrorMessageTitle'>아이디를 입력해주세요.!</span><br><span class='validationErrorMessageContent'>영문 최소6~12자 이내<br>사용가능한 특수문자 _ -</span>" ControlToValidate="id_TB" Display="None"
        SetFocusOnError="True"></asp:RequiredFieldValidator>
    <asp:ValidatorCalloutExtender ID="id_RFV_ValidatorCalloutExtender"
        runat="server" CloseImageUrl="~/Images/Validator/close.gif" Enabled="True"
        TargetControlID="id_RFV" WarningIconImageUrl="~/Images/Validator/warning.gif" Width="220px">
    </asp:ValidatorCalloutExtender>
    <asp:RequiredFieldValidator ID="pw_RFV" runat="server"        
        ErrorMessage="<span class='validationErrorMessageTitle'>비밀번호를 입력해주세요.!</span><br><span class='validationErrorMessageContent'>영문,숫자 조합 최소6~12자 이내<br>사용가능한 특수문자 _ -</span>" ControlToValidate="pw_TB" Display="None"
        SetFocusOnError="True"></asp:RequiredFieldValidator>
    <asp:ValidatorCalloutExtender ID="pw_RFV_ValidatorCalloutExtender"
        WarningIconImageUrl="~/Images/Validator/warning.gif" CloseImageUrl="~/Images/Validator/close.gif"
        runat="server" Enabled="True" TargetControlID="pw_RFV" Width="250px">
    </asp:ValidatorCalloutExtender>
</asp:Content>
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함