input 입력형식 지정 - mask.js

[input 입력형식 지정 - mask.js]

input에 특수문자 및 한글/영문 제외 ONLY 숫자만 입력하고 싶은경우가 종종? 아니 많이 있다.

대표적으로 전화번호 입력폼에 가장 많이 쓰이는데 

사용자가 자유롭게 입력할수있게 하는 폼이 있긴 하지만

사용자와 개발자한테는 편할지 몰라도

홈페이지 관리자 입장에서는 별로 반가운 방법은 아니다.

그전까지는 스크립트를 만들어서 사용했는데 

mask.js가 있는걸 알게되었다. 이걸써보니 딱이야 딱.

사용방법 ↓

https://igorescobar.github.io/jQuery-Mask-Plugin/

-- 홈페이지를 들어가서 보기 귀찮으신 분들을 위해 순서 및 예제 정의 -- 

1. mask.js를 inlcude한다. (include 하기 위해서는 mask.js를 다운받아야 한다^^) 

2. 적용하고자 하는 곳에서 다음 한줄 적용 하면 완료!

(혹시 input에서 maxlength를 적용해놨다면 소용없다. mask로 형식을 정해주는 순간 자동으로 최대 자릿값을 지정할테니..)

$('input[name=이름값]').mask('000-0000-0000');