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

calendar

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. 10:37 .Net Project/ASP.NET 3.5 Sp1
반응형
 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("유효성 검사 통과") 
         } 
     }











반응형
posted by Magic_kit