'숫자입력'에 해당되는 글 1건

  1. 2008.03.05 숫자만 입력 받는 TestField 만들기
Dev Note/JavaScript2008. 3. 5. 16:10

입력을 받는 TextField에 숫자만 입력 가능하게 만들어 본다.

<script type="text/javascript">
    function numCheck(obj) {
        var numCheck = /^\d+$/;
        var checkStr = obj.value;

        if(checkStr != '') {
            if(!numCheck.test(checkStr)) {
                alert('숫자만 입력이 가능합니다.');
                obj.value = '';
                obj.focus();
            }
        }
    }
</script>

본문의 Form의 TextField에 아래와 같이 onkeyup에 위 스크립트를 걸어주면 끝 ...

<form name="inputForm" action="..." method="post">
    ...
    <input type="textfield" name="numInput" size="10" onkeyup="numCheck(this);" />
    ...
</form>

Posted by as.wind.914