WebValidationControl (유효성 검사 컨트롤) - FrmRequiredFieldValidator (입력 확인 유효성 검사 컨트롤)
.NET프로그래밍/ASP.NET 3.5 SP1 2009. 10. 13. 08:54 |
* 여기서는 "ASP.NET의 유효성 검사 컨트롤"인 [FrmRequiredFieldValidator.aspx] 와 "HTML레벨"의 [FrmRequiredFieldValidator.htm]의 예제로 각각 비교해보았다.
==> [FrmRequiredFieldValidator.aspx] 소스 및 디자인
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="FrmRequiredFieldValidator.aspx.cs" Inherits="FrmRequiredFieldValidator" %>
<!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>
입력 확인 유효성 검사 컨트롤<br />
<br />
아이디 :
<asp:TextBox ID="txtUserID" runat="server"></asp:TextBox>
[<asp:RequiredFieldValidator ID="valUserID" runat="server"
ControlToValidate="txtUserID" ValidationGroup="Login" Display="Dynamic"
ErrorMessage="아이디를 입력하시오."></asp:RequiredFieldValidator>
]<br />
암호 :
<asp:TextBox ID="txtPassword" runat="server"></asp:TextBox>
[<asp:RequiredFieldValidator ID="valPassword" runat="server"
ControlToValidate="txtPassword" ValidationGroup="Login" Display="Static"
ErrorMessage="암호를 입력하시오."></asp:RequiredFieldValidator>
]<br />
<br />
<asp:Button ID="btnLogin" runat="server" Text="로그인" ValidationGroup="Login" />
<asp:Button ID="Button1" runat="server" Text="Button" />
</div>
</form>
</body>
</html>
-------------------------------------------------------------------------------------
[실행결과]
--> '아이디', '암호'텍스트박스에 텍스트를 입력하지 않고 "로그인"버튼을 눌렀을 경우
--> '아이디'텍스트박스에만 텍스트를 입력하고 "로그인"버튼을 눌렀을 경우
--> "로그인"버튼 옆에있는 "Button"버튼을 눌렀을 경우.(-> 아무런 반응이 일어나지 않는다.)(여기서는 [FrmRequiredFieldValidator.aspx] 소스코드 중 '아이디', '암호'텍스트박스와 "로그인"버튼의 코드에 모두 ValidationGroup="Login"으로 입력하여, "로그인"버튼을 눌렀을 때만 "RequiredFieldValidator"컨트롤이 실행되게 하였다.)
-------------------------------------------------------------------------------------
==> [FrmRequiredFieldValidator.htm] 소스 및 디자인
<!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 CheckLogin() {
var userId = document.getElementById("txtUserID");
if (userId.value == "") {
alert("아이디를 입력하시오.");
userId.focus();
userId.select();
}
else {
// 전송관련코드
}
}
</script>
</head>
<body>
<form>
아이디 : <input type="text" name="txtUserID" id="txtUserID" /><br />
<input type="button" value="로그인" onclick="CheckLogin()" />
</form>
</body>
</html>
-------------------------------------------------------------------------------------
[실행결과]
--> '아이디'텍스트박스에 아무런 텍스트도 입력하지 않고 '로그인'버튼을 누르면 아래그림과 같이 "메시지박스"가 출력된다.
--> '아이디'텍스트박스에 텍스트를 입력하고 '로그인'버튼을 클릭하면 아래그림과같이 아무런 반응이 없다.( [FrmRequiredFieldValidator.htm] 소스코드에서 "else문"의 "전송관련코드"('아이디'를 텍스트박스에 입력하고 '로그인'버튼을 눌렀을 경우에 일어날 동작에 대한 코드)를 작성하지 않았기 때문에 아무런 반응이 일어나지 않는 것이다.)
'.NET프로그래밍 > ASP.NET 3.5 SP1' 카테고리의 다른 글
| FrmCompareValidator (비교) (0) | 2009.10.13 |
|---|---|
| FrmRangeValidator (범위) (0) | 2009.10.13 |
| "기본형 게시판" 만들기 - WebBasic (0) | 2009.10.09 |
| FrmFileUpload (0) | 2009.10.08 |
| FrmHtml (0) | 2009.10.08 |