27. 폼(form) 객체 - 입력 값에 대한 유효성 검사
.NET프로그래밍/JavaScript 1.2 2009. 8. 11. 14:52 |==> 폼.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 CheckForm() {
// 아이디 텍스트박스 객체 가져오기
var txtUID = window.document.LoginForm.txtUID; // 고전방식
// 체크
if (txtUID.value == "") {
window.alert("아이디를 입력하세요.");
txtUID.focus(); // 해당 컨트롤에 포커스
return false; // 현재 함수 멈춤
}
// 암호 텍스트박스 체크 : 길이
var txtPwd = 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" name="txtUID" /></td>
</tr>
<tr>
<td>암호 : </td>
<td><input type="text" id="txtPwd" name="txtPwd" /></td>
</tr>
<tr>
<td colspan="2"><input type="button" value="로그인" onclick="CheckForm();" /></td>
</tr>
</table>
</form>
</body>
</html>
==============================================================================================
==> LoginProcess.aspx
<%@ Page Language="C#" %>
<%
Response.Write(String.Format("아이디 : {0}<br /> 암호 : {1}<br />"
, Request["txtUID"], Request["txtPwd"]));
%>
<input type="button" value="뒤로" onclick="history.go(-1);" />
'.NET프로그래밍 > JavaScript 1.2' 카테고리의 다른 글
| 29. 드롭다운리스트체크(selectedIndex 사용) (0) | 2009.08.11 |
|---|---|
| 28. 폼(form)객체 - 2 (0) | 2009.08.11 |
| 26. 히스토리(history) 객체 (0) | 2009.08.11 |
| 25. 로케이션객체 (0) | 2009.08.10 |
| 24. 도큐먼트객체 (0) | 2009.08.10 |