<!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 checkForm() {
//아이디 텍스트 박식 객체 가져오기
var txtUID = window.document.LoginForm.txtUID; //고전방식
//체크
if (txtUID.value == "") {
window.alert("아이디 입력하세요");
txtUID.focus(); //해당 컨트롤에 포커스
return false; //현재 함수 멈춤
}
//암호 텍스트 박스 체크 : 길이
//var txtPwd = window.document.LoginForm.txtPwd; //고전방식
var txtPwd = window.document.getElementById("txtPwd"); //추천방식
if (txtPwd.value.length < 3 | txtPwd.value.length > 12) {
alert("아이디를 3자 이상 12자 이하로 입력하세요.");
txtPwd.focus();
txtPwd.select(); //선택:블록씌우기
return false;
}
//동적변경가능
window.document.LoginForm.action = "LoginProcess.aspx";
window.document.LoginForm.submit(); //폼 내용 전송
}
</script>
</head>
<body>
<form id="LoginForm" name="LoginForm"
action="LoginProcess.aspx" method = "post" >
<table border = "1" width="400">
<tr>
<td> 아이디 </td>
<td><input type="text" id="txtUID" /> </td>
</tr>
<tr>
<td>암호</td>
<td><input type ="text" id="txtPwd" /> </td>
</tr>
<tr>
<td colspan="2">
<input type="button" value="로그인" onclick="checkForm();" /> </td>
</tr>
</table>
</form>
</body>
</html>
'.Net Project > .Net 3.5 Sp1' 카테고리의 다른 글
| 55장 DropDownList (0) | 2009.08.11 |
|---|---|
| 54장 Form관련 Ex-2 (0) | 2009.08.11 |
| 52장 History객체 (0) | 2009.08.11 |
| 51장 Desctructor(소멸자) (0) | 2009.08.11 |
| 50장 Conistructor(생성자) (0) | 2009.08.11 |