input 숫자값 제한 방법 채택완료

input에 숫자를 입력할 때 특정 값 이하 (ex. 최대 150) 로만 입력 가능해서 그 이상으로 입력하면 알러트가 뜨면서 최대값 (ex.150) 으로 변환되게 할 수 있을까요? 

 

   <script>
$(function() {
//금액부분 숫자만 입력받음
    $('#wr_2').keypress(function(event) {

 if (event.which && (event.which  > 47 && event.which  < 58 || event.which == 8)) {
 if($('#wr_2').value > 123) {
alert('123이상은 입력이 안됩니다!');
}
  } else {
    alert('숫자만 입력 가능합니다!');
  }
    })
});
</script>

 

이렇게 했더니 숫자만 입력 가능합니다는 뜨는데 숫자 123 이상은 입력이 안됩니다는 안뜨네요

답변 1개

채택된 답변
+20 포인트

<script>

$('#wr_2').on('keyup', function() {

    this.value = this.value.replace(/\D/g, '');

    if (this.value > 150) this.value = 150;

});

</script>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 4개

와우 감사합니다 정말 잘되네요 ㅠㅠ 알림메세지 뜨는것까진 안되나요? ㅠㅠ
숫자말고 다른걸 썼으면 숫자만 입력가능합니다

150을 넘으면 150까지만 가능합니다 이렇게요 ㅠㅠ
$('#wr_2').on('keyup', function() {
if (/\D/.test(this.value)) {
this.value = this.value.replace(/\D/g, '')
alert('숫자만 입력가능합니다.');
}
if (this.value > 150) {
this.value = 150;
alert('150까지만 가능합니다.');
}
});
와 완전 감사합니다 정확하게 됐어요 ㅠㅠ 복받으세요 로또1등 맞으시길!

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

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

로그인
🐛 버그신고