블로그 이미지
Magic_kit
study 관련자료를 한곳으로 자기 개발 목적으로 재태크 재무 관리 목적으로 일상생활의 팁을 공유 하기 위하여 블로그를 개설 하였습니다.

calendar

 «  » 2025.1
일 월 화 수 목 금 토
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

Category

Recent Post

Recent Comment

Archive

2009. 10. 13. 09:09 .Net Project/ASP.NET 3.5 Sp1

26장 ASP.NET Web Validation Control (FrmRequire FieldValidator)

반응형
 FrmRequire FieldValidator.aspx




입력 확인 유효성 검사 컨트롤 
<%@ Page Language="C#" AutoEventWireup="true" 
                   CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
                           "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>입력 확인 유효성 검사</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    아이디 : <asp:TextBox ID="txtUserID" runat="server"></asp:TextBox>
        <asp:RequiredFieldValidator ID="VarUserID" runat="server"
                ControlToValidate="txtUserID"
                ErrorMessage="아이디 입력하세요" Display="Dynamic"
                ValidationGroup="btnResult" ></asp:RequiredFieldValidator>
        <br />
   
    비밀번호 : <asp:TextBox ID="txtPassword" runat="server"></asp:TextBox>
        <asp:RequiredFieldValidator ID="VarPassWord" runat="server"
                 ControlToValidate="txtPassword"
                 ErrorMessage="비밀번호 입력하세요" Display="Static"  
                 ValidationGroup="btnResult"></asp:RequiredFieldValidator>
        <br />
    <asp:Button ID="btnResult" runat="server" Text="확인"
    ValidationGroup="btnResult" />
    &nbsp;</div>
    </form>
</body>
</html> 


 FrmRequire FieldValidator.실행화면
 

1. 입력확인 유효성 검사 컨트롤
                  아이디 : 텍스트박스
                  암    호 : 텍스트박스 그리고 로그인버튼 디지인 하도록 한다.
 
2.  도구상자에서 RequireFieldValidator 2개 추가 하도록 한다. (VarUserID, VarPassWord)

3.  로그인 버튼 클릭하였을 경우 유효성 검사 컨트롤을 사용하고 싶을 때, 
               디자인 속성에 ValidationGroup="grpLogin" 각각 속성을 지정하여 주면 된다. 

4. [RequireFieldValidator] 묶고 "Display=Dynamic" "Display=Static" 속성 지정하여
               실행 공간의 차이를 보여주고 있다.
               고정된 공간에 에러메시지 출력해주고 싶을때는 Static 사용하하는 것이 좋다. 

5. RequireFieldValidator 컨트롤 ControlToValidate="txtUserID",
    ControlToValidate="txtPassWord"  속성 추가
6.  위의 내용을 확실하기 위해서 자바스크립트를 사용하여 유효성검사의 예를 해보겠습니다.
     - 위와 동일하게 디자인
     - var userID = document.getElementById("txtUserID"); 
     - fucction CheckLogin(userID.value == " ")
       {
         alert("아이디 입력하세요") ;
         userID.Focus() ;  userID.Select(); 
       }   


    

반응형

'.Net Project > ASP.NET 3.5 Sp1' 카테고리의 다른 글

28장 ASP.NET Validation Control (FrmCompare Validator)  (0) 2009.10.13
27장 ASP.NET Validation Control (FrmRange Validator)  (0) 2009.10.13
25장 ASP.NET 자료실 만들기 (App_Code)  (0) 2009.10.12
25-3장 ASP.NET 자료실 만들기 (Down)  (0) 2009.10.12
25-2장 ASP.NET 자료실 만들기 (List)  (0) 2009.10.12
posted by Magic_kit

티스토리툴바