html 로만 핸드폰번호 입력받기 (숫자만 입력받기)

html only 핸드폰번호 입력받기

 

전화번호 입력을 받는 도중, 숫자만 받고 싶은 경우가 있다. 하지만 그렇다고 숫자 타입이라고 해서 증가 감소가 함께 있는, 정말 성의없는 입력란을 만들고 싶지는 않다. 그렇다면 그저 다른 키가 눌릴때 처리만 해주면 된다ㅋㅋ

 

<input type="text" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*?)\..*/g, '$1');" />

위의 방식은 숫자 이외의 다른 키는 입력이 되지 않도록, 빈 문자로 대체하는 코드이다.

 

말도 안되게 input type="number" 이렇게 하는 방식은 버렸으면 해요

See the Pen Untitled by Junmannn (@Junmannn) on CodePen.