BLOG ARTICLE 숫자입력 | 1 ARTICLE FOUND

  1. 2008.03.05 숫자만 입력 받는 TestField 만들기

Dev Note/JavaScript 2008.03.05 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>

신고

티스토리 툴바