[javascript] input에 자연수만 넣을 수 있도록 처리하는 방법

안녕하세요. 팀드모네입니다.

input 태그에 자연수만 입력할 수 있는 방법을 공유드립니다.

처리 방법이야 많은데, 제 경험상 onKeyup을 쓰는 것이 가장 안정적이었습니다.

우선 자연수가 뭔지 짚고 넘어가겠습니다.

 

👨‍💻 자연수란?

1,2,3,4,5...을 의미합니다. 소숫점이 들어가면 안되며 마이너스 값도 안됩니다.

혹시 헷갈리신다면, 아래 사진을 참고하시면 될 것 같슴다.

자연수에 대해서..

 

👨‍💻 처리 방법!

1. input type을 number로 설정

2. onKeyup에 정규식을 사용합니다.

<input type="number" onKeyup="this.value=this.value.replace(/[^0-9]/g,'');"/>

 

추가로 궁금한 점이 있다면 댓글 남겨주세요.

감사합니다 ^  ^