HTML - 휴대폰 번호 입력 폼 작성

이번에는 휴대폰 번호 입력 폼을 작성한다.

특징
  - 사용자가 입력한 값이 유효한지 체크한다.
  - 입력부터 숫자 이외의 문자는 입력할수 없게 한다.

소스

<script language="javascript" type="text/javascript" >

    // 1. 숫자만 입력받게 하는 방법
    function onlyNumber() {
        if ((event.keyCode < 48) || (event.keyCode > 57))
            event.returnValue = false;
    }

    function CheckForm() {
        if (document.getElementById("txtMobile1").value == "") {
            window.alert("휴대폰 번호를 선택하시오.");
            return false;
        }
        if (document.getElementById("txtMobile2").value.length != 4) {
            window.alert("가운데 번호는 4자리로 입력하세요");
        }
    }

</script>

휴대폰 번호:
<select id="txtMobile1">
    <option value="">::선택::</option>
    <option value="011">011</option>
    <option value="016">016</option>
    <option value="017">017</option>
    <option value="019">019</option>
    <option value="010">010</option>
</select>
<input type="text" id="txtMobile2" size="4" onkeypress="onlyNumber();" />
<input type="text" id="txtMobile3" size="4" />

<input type="button" value="가입" onclick="CheckForm();" />