Front
[javascript] input에 자연수만 넣을 수 있도록 처리하는 방법
- -
728x90
안녕하세요. 팀드모네입니다.
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,'');"/>
추가로 궁금한 점이 있다면 댓글 남겨주세요.
감사합니다 ^ ^
반응형
'Front' 카테고리의 다른 글
| VSCode에서 vue를 개발할 때, 꼭 설치해야 하는 확장 프로그램 TOP4 (2) | 2023.01.24 |
|---|---|
| [오류 해결 방법] vue 이 시스템에서 스크립트를 실행할 수 없으므로 vue.ps1 파일을 로드할 수 없습니다 (0) | 2023.01.24 |
| [jQuery] 항상 최신 버전으로 사용하는 방법 (0) | 2022.05.17 |
| jquery find로 하위요소 class 찾는 방법 (2) | 2021.03.08 |
| json console 찍는 방법 (0) | 2020.12.18 |
Contents
소중한 공감 감사합니다