JJH's Blog

hamburger

input-숫자만-입력하기

2023-05-16

전화번호 폼을 만들기 위해 숫자만 입력되며 4자리 까지 입력되는 input이 필요했다
type을 사용한 경우
type number를 사용한 경우
길이 제한을 주는 옵션인 maxlength를 사용 할 수 없었기에
oninput 이벤트를 사용하였다
oninput 사용
해당 방식을 사용하면 숫자 입력과 동시에 length 제한도 줄 수 있다.