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

본문 바로가기
전체검색

게시판스킨강좌

그누보드, 영카트 초보 제작자분들을 위한 다양한 스킨 제작 활용 팁을 공유합니다.

input 값을 입력받을 때 범위가 설정된 숫자만 입력 유효성 체크 스크립트

관리자 19-01-13 02:20

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


예를 들어 여분필드 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

로그인 후 댓글 작성 가능합니다.
그누스킨닷컴

그누스터디는 그누보드, 영카트를 이용하시는 초보 사용자를 위한 정보를 공유합니다.

E-MAIL : gnustudy@naver.com / 카카오톡 : gnustudy / 텔레그램 : gnustudy
제작 문의를 제외한 일반 문의는 QA 게시판을 이용해주세요.

Copyright © GNUSTUDY. All rights reserved.