(자바스크립트) input type text 휴대전화 번호 양식, 날짜 양식에 맞게 입력되는 텍스트 입력창 기능

자바스크립트 (JavaScript)

 

input type text 휴대전화 번호 양식, 날짜 양식에 맞게 작성하는 스크립트 입니다.

생각보다 필요한 상황이 종종 있어서 작성해둡니다.

---

정규표현식으로 숫자 외에 다른 문자, 글자들을 입력시 제거하는 코드를 넣었고,

각각에 올바른 위치에 - (하이픈, 대시)를 추가하는 코드,

마지막으로 입려값을 업데이트하는 코드를 넣었습니다. 자세한 코드는 아래 코드펜에서 확인 가능합니다.

 

See the Pen input type text 휴대전화 번호 양식, 날짜 양식에 맞게 작성하는 스크립트 by kimyangsun (@kimyangsun) on CodePen.