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

calendar

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

Category

Recent Post

Recent Comment

Archive

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

31장 ASP.NET Validation Control (FrmCustom Validator)

반응형
 FrmCustom Validator.aspx

 
<!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>
    <title></title>
    <script type="text/javascript">
        function CheckNum() {
            var obj = document.getElementById("txtEven");
            if (obj.value % 2 == 0) {
                alert("통과");
            }
            else {
                alert("에러");
            }
        }
    </script>
</head>
<body>

짝수만 입력 : <input type="text" id="txtEven" /><br />
                    <input type="button" value="짝수만 입력" onclick="CheckNum();" />

</body>
</html>


 1.짝수만 입력 : 텍스트박스 <-- "짝수만입력" 버튼을 통해 이벤트 처리 

   - 자바 스크립트를 통하여 버튼 이벤트 처리 하여 표현하였다
   - 짝수, 홀수 확인 후 통과, 에러 메시지 출력


반응형

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

25-4장 ASP.NET 자료실 만들기 (마무리)  (0) 2009.10.13
32장 ASP.NET Validation Control (FrmValidationSummary)  (0) 2009.10.13
30장 ASP.NET Validation Control (FrmCustom Validator)  (0) 2009.10.13
29장 ASP.NET Validation Control (FrmRegular Expression Validator)  (0) 2009.10.13
28장 ASP.NET Validation Control (FrmCompare Validator)  (0) 2009.10.13
posted by Magic_kit
2009. 10. 13. 11:17 .Net Project/ASP.NET 3.5 Sp1

30장 ASP.NET Validation Control (FrmCustom Validator)

반응형
 FrmCustomValidator.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="FrmCustomValidator.aspx.cs"
    Inherits="FrmCustomValidator" %>

<!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>
    <script>
        function ClientValidate(sender, args) {
            if (args.Value.length < 3 || args.Value.length > 12) {
                args.IsValid = false;
            }
            else {
                args.IsValid = true;
            }
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        아이디 :
        <asp:TextBox ID="txtUserID" runat="server"></asp:TextBox><br />
        <asp:Button ID="btnOK" runat="server" Text="확인" />       
        <br />       
        <asp:CustomValidator ID="CustomValidator1" runat="server"
            ControlToValidate="txtUserID"
            ClientValidationFunction="ClientValidate"
            ErrorMessage="아이디는 3자이상 12자 이하"
            onservervalidate="CustomValidator1_ServerValidate"></asp:CustomValidator>
    </div>
    </form>
</body>
</html>

1. 아이디 : 텍스트 박스
    확인 버튼 --> 클릭시 CustomValidator 컨트롤 사용 

2. CustomValidator컨트롤 속성 지정 
          ControlToValidate="txtUserID" ErrorMessage="에러"
                                        ClientValidationFunction=" ClientValidate();"  생성후 호출 하면..
-- ClientValidate 사용하여 바로 자바스크립에서 실행 가능  
-- 서버컨트롤 사용가능한것은 최대한 자바 스크립으로 사용 할 수 있도록 한다.
function ClientValidate(sender, args)
{
       if(args.Values.length < 3 || args.Values.length > 12)
       {
              args.IsValid = false ;
       }
       else {
            args.IsValid = true;
       }
} 

3. 디자인모드에서 CustomValidator컨트롤 --> 속성 -> 이벤트에서 ServerValidata 이벤트 생성
 FrmCustomValidator.Cs



using System;
using System.Web.UI.WebControls;

public partial class FrmCustomValidator : System.Web.UI.Page
{
    protected void CustomValidator1_ServerValidate
                           (object source, ServerValidateEventArgs args)
    {
        string userId = args.Value; // 지정된 텍스트박스의 값을 받아서.
        if (userId.Length < 3 || userId.Length > 12)
        {
            args.IsValid = false; // 에러
        }
        else
        {
            args.IsValid = true; // 유효성 통과
        }   
    }
}




반응형

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

32장 ASP.NET Validation Control (FrmValidationSummary)  (0) 2009.10.13
31장 ASP.NET Validation Control (FrmCustom Validator)  (0) 2009.10.13
29장 ASP.NET Validation Control (FrmRegular Expression Validator)  (0) 2009.10.13
28장 ASP.NET Validation Control (FrmCompare Validator)  (0) 2009.10.13
27장 ASP.NET Validation Control (FrmRange Validator)  (0) 2009.10.13
posted by Magic_kit
2009. 10. 13. 10:48 .Net Project/ASP.NET 3.5 Sp1

29장 ASP.NET Validation Control (FrmRegular Expression Validator)

반응형
 FrmRegularExpressionValidator.aspx



<%@ Page Language="C#" AutoEventWireup="true"
                   CodeFile="RegularExpressionValidator.aspx.cs" 
                   Inherits="RegularExpressionValidator" %>

<!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="txtEmail" runat="server" ValidationGroup="btnResult"></asp:TextBox>
        <asp:RegularExpressionValidator ID="RegularExpressionValidator1"
                 runat="server"   ErrorMessage="이메일을 다시 확인해주세요"
                 ControlToValidate = "txtEmail" ValidationGroup="btnResult"
                 //이메일 정규식으로 표현
                 ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+
                                                      )*"></asp:RegularExpressionValidator> <br />

        <asp:Button ID="btnResult" runat="server" Text="확인" ValidationGroup="btnResult" />
    </div>
    </form>
</body>
</html>

정규식 검사? ReqularExpressonValidator 컨트롤 사용
1. 이메일 : 텍스트박스 <--- ReqularExpressonValidator 컨트롤 추가 완료

2. ReqularExpressonValidator 컨트롤 속성 지정 <
                ControlToValidate ="txtEmail" ValidationExpreess="" ErroMessage="에러" />

3. ReqularExpressonValidator --> 디자인모드-> 오른쪽버튼  --> 속상창에서 이벤트 모드 ->
    정규식 편집기 이동 설정 완료

4. 위의 페이지를 HTML문서로 작성의 경우(Email체크)
 - (WebValidationControl) 폴더 소스 참고 - OR 닷넷코리아 참고



 
 




반응형

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

31장 ASP.NET Validation Control (FrmCustom Validator)  (0) 2009.10.13
30장 ASP.NET Validation Control (FrmCustom Validator)  (0) 2009.10.13
28장 ASP.NET Validation Control (FrmCompare Validator)  (0) 2009.10.13
27장 ASP.NET Validation Control (FrmRange Validator)  (0) 2009.10.13
26장 ASP.NET Web Validation Control (FrmRequire FieldValidator)  (0) 2009.10.13
posted by Magic_kit
2009. 10. 13. 10:37 .Net Project/ASP.NET 3.5 Sp1

28장 ASP.NET Validation Control (FrmCompare Validator)

반응형
 FrmCompareValidator.aspx

 


<%@ Page Language="C#" AutoEventWireup="true"
                   CodeFile="FrmCompareValidator.aspx.cs" Inherits="FrmCompareValidator" %>

<!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="txtPassword" runat="server" ></asp:TextBox><br />
                          
    암호 확인 :
    <asp:TextBox ID="txtPassword2" runat="server"></asp:TextBox> <br /> 
    <asp:Button ID="btnResult" runat="server" Text="확인" />
    <asp:CompareValidator ID="ValPassWord" runat="server"
                 ErrorMessage="암호확인하세요(비밀번호가 틀립니다)" Type="String"
                 ControlToValidate="txtPassword"
                 ControlToCompare="txtPassword2">                            
      </asp:CompareValidator>   
    </div>
    </form>
</body>
</html>

비교 (CompareValidator 컨트롤 사용) 
1. 암호 : 텍스트박스 (암호 확인 하세요)
    암호확인 : 텍스트박스  <----- 로그인 버튼 클릭하였을 경우 이벤트 처리

2. CompareValidator 컨트롤 사용하여 속성 지정 하는 방법 
      <asp:CompareValidator ID="ValPassWord" runat="server"
                 ErrorMessage="암호확인하세요(비밀번호가 틀립니다)" Type="String"
                 ControlToValidate="txtPassword"
                 ControlToCompare="txtPassword2">   //중복검사확인                         
      </asp:CompareValidator>3. 다음과 같이 속성을 지정하여 사용한다..
4. 위와 같은 내용을 HTML로 구현
5. 디자인은 위의 내용과 동일하게 디자인 완료


 
<script type ="text/javascript"
     function Ok() {
            if(document.getElementByID("txtPassword").value !=
                document.getElementByID("txtPasswordConfirm")) {
                          alert("암호가 틀리다");
                document.getElementByID("txtPassword").select(); //선택
             }
         else{
                alert("유효성 검사 통과") 
         } 
     }










반응형

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

30장 ASP.NET Validation Control (FrmCustom Validator)  (0) 2009.10.13
29장 ASP.NET Validation Control (FrmRegular Expression Validator)  (0) 2009.10.13
27장 ASP.NET Validation Control (FrmRange Validator)  (0) 2009.10.13
26장 ASP.NET Web Validation Control (FrmRequire FieldValidator)  (0) 2009.10.13
25장 ASP.NET 자료실 만들기 (App_Code)  (0) 2009.10.12
posted by Magic_kit

티스토리툴바