글
나이입력받아서 처리
안녕하세요?
오늘은 나이를 입력받아서 그에 따른 메시지를 출력하는 소스입니다.
<script language="JavaScript">
<!--
function valid(form) {
var field = form.age; // field변수에 form.age 즉 나이 값을 대입합니다.
var userAge = parseInt(field.value);
if (!userAge) { // UserAge가 없으면 즉 나이를 입력하지 않았으면
alert("나이를 입력 해 주세요");
return false;
} else if (userAge >= 18) { // 18세 이상이면
alert("감사합니다");
return true;
} else { // 18세 미만이면
alert("당신의 나이는 " + userAge + " 세군요. 18세가 되면 다시 찾
아 주세요");
field.focus(); // 나이가 18세 이하이면 위의 메시지를 출력하고 나이 입력상자에 포커스를 줍니다.
field.select(); // 선택이 되게 합니다.
return false;
}
}
// -->
</script>
<form method="post" action="mailto:you@yourdomain.com" enctype="text/plain" onsubmit="return valid(this)">
/* 보내기 버튼을 누르면 valid함수에 this즉 지금 폼을 전송합니다. */
나이 <input type="text" name="age" size="2">세<br>
직업 <input type="text" name="job" size="40"><br>
내용 <textarea name="resume" cols="40" rows="5"></textarea><br><br>
<input type="submit" value="보내기">
</form>
자세한것은 옆의 주석을 참고하시면 이해가 되실겁니다. 실행화면은 직접 한번 실행해 보시기 바랍니다. 그럼 다음시간에 또 만나요~
'Java Script' 카테고리의 다른 글
웹문서에 주소창 넣기 (0) | 2011.10.07 |
---|---|
버튼누르면 메시지 출력 (0) | 2011.10.04 |
디지탈 시계 (0) | 2011.09.28 |
랜덤으로 사이트 이동하기 (0) | 2011.09.25 |
즐겨찾기에 추가하는 소스코드 (0) | 2011.09.21 |