나이입력받아서 처리

Java Script 2011. 10. 2. 21:53


  안녕하세요?
  오늘은 나이를 입력받아서 그에 따른 메시지를 출력하는 소스입니다.

<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


설정

트랙백

댓글