채택완료

자바스크립트 유효성 검사 정규식 중에서 궁금한게 있습니다.

2019-09-29 (일) 22:49:48 3,649

<script>

     function checkz() {

          var getMail = RegExp(/^[A-Za-z0-9_\.\-]+@[A-Za-z0-9\-]+\.[A-Za-z0-9\-]+/);

          //이메일 유효성 검사

          if(!getMail.test($("#mail").val())){

            alert("이메일형식에 맞게 입력해주세요")

            $("#mail").val("");

            $("#mail").focus();

            return false;

          }

          return true;

     }

</script>

이렇게 하고 있는데요

한가지 더 유효성 검사를 하고 싶은데

새로운 인풋 텍스트1과 2에 각각

<input type="text" name="test1" id="test1" value="0~23">

<input type="text" name="test2" id="test2" value="23~0">

이런 형식의 숫자 데이터가 들어갑니다.

숫자는 0부터 23까지 들어갑니다.

이걸 유효성 검사하려면 정규식이 어떻게 될까요?

|

답변 1개

채택된 답변
+20 포인트
2019-09-30 (월) 12:00:32

이런거 맞는지 모르겠는데  대충 이런식으로 하면 되지 않을가요 ㅎㅎ;

소스는 날림이라 맞다면 응용해서 활용 하세요 ㅋ

Copy
<input type="text" name="test1" id="test1" value="" class="numChk" placeholder="0~23 숫자만 입력" data-max-num="23" data-min-num="0" >

 

<script>
$(document).ready(function() {
    $(".numChk").bind("keyup Keypress", function(){
        var minNum = $(this).data("min-num");
        var maxNum = $(this).data("max-num");
        var RegExp = /[^0-9]+/g;
        if(RegExp.exec($(this).val())) {
            alert("숫자만 입력 가능합니다.");
            $(this).val('');
            $(this).focus();
            return false;
        }

        if(minNum >= $(this).val()){
            alert("최소 "+minNum+" 보다 크게 입력하세요");
            $(this).val('');
            $(this).focus();
            return false;
        }else if(maxNum < $(this).val()){
            alert("최대 "+maxNum+" 보다 작게 입력하세요");
            $(this).val('');
            $(this).focus();
            return false;
        }
    });
});
</script>

답변을 작성하려면 로그인이 필요합니다.