input 값을 입력받을 때 범위가 설정된 숫자만 입력 유효성 체크 스크립트 - 게시판스킨강좌, 그누보드5강좌

값을 입력할 때 정해진 범위의 숫자만 입력받는 방법입니다.

예를 들어 여분필드 1번에 이런 방법으로 값을 입력받고 있다면...

<input type="text" name="wr_1" value="<?php echo $write['wr_1'] ?>" id="wr_1" class="frm_input" size="20">

name="wr_1" 값 확인 후 스크립트를 추가합니다.

<script>
$(document).on("keyup", "input[name^=wr_1]", function() {
    var val= $(this).val();

    if(val.replace(/[0-9]/g, "").length > 0) {
        alert("숫자만 입력해 주십시오.");
        $(this).val('');
    }

    if(val < 1 || val > 100) {
        alert("1~100 범위로 입력해 주십시오.");
        $(this).val('');
    }
});
</script>

이전에 올렸던 팁 내용에 입력 범위 값 체크 부분만 추가했습니다.

http://gnustudy.com/bbs/board.php?bo_table=skin_board&wr_id=49