문서안에 폼에 접근하는 방법은 " document.폼의 name 속성의 값 "을 통해서 접근합니다.
예제 코드)
<html>
<head>
<title>예제</title>
<script langauge="javascript">
/** 사용자로 부터 받는 폼 정보에 생략된 부분이 있나 확인하는 코드 */
function info_check() {
if(formName.name1.value=="") { // document 를 생략해도 됨
alert("이름을 입력하세요!");
formName.name1.focus();
}else if(document.formName.name2.value==""){ // 입력을 안해도 null값은 아님
alert("연락처를 입력하세요");
formName.name2.focus();
}else if(document.formName.name3.value==""){
alert("나이를 입력하세요");
formName.name3.focus();
}
}
</script>
</head>
<body>
<form name="formName">
[1] 이 름 : <input type="text" name="name1" size="10" maxlength="10" /><br />
[2] 연락처 : <input type="text" name="name2" size="10" maxlength="10" /><br />
[3] 나 이 : <input type="text" name="name3" size="10" maxlength="10" />
<input type="button" value="입력확인" onclick="info_check()" />
</form>
</body>
</html>
[결과 화면]
'Java Script & DOM > Java Script ' 카테고리의 다른 글
| 팝업창사이에 데이터 전달 방법 (0) | 2009.07.21 |
|---|---|
| 페이지내 입력 필드간의 값의 복사 (0) | 2009.06.09 |
| 자바스크립트 - typeof 키워드 (0) | 2009.03.27 |
| HTML 페이지에 자바 스크립트 사용하기 (0) | 2009.03.26 |
| 자바스크립트(JavaScript)란? (0) | 2009.03.26 |