Meiomask 플러그인 설치

Meiomask란??

---

jQuery의 플러그인들 중 하나이며, 텍스트 서식을 바꿀 수가 있다

ex) 휴대폰번호 입력시 01055555555라고 입력하면 010-5555-5555라고 알아서 적어진다.

Meiomask 설치방법

---

1. https://plugins.jquery.com/meiomask에 접속한 후 Download now를 클릭한다.

2. Github로 이동하게 되는데 여기서 가장 최신버전인 1.1.14 버전을 클릭한다.

3. Source code (zip)을 클릭해 다운받는다.

4. 압축 푼 폴더에서 dist 폴더를 클릭한다.

5. meiomask.js파일을 복사한다.

6. 해당 프로젝트의 src/main/webapp/resources/css/images/js/validate에 붙여넣는다.

7. meiomask.js파일의 소스 중에 154번째줄에 가보면 masks: {} 가 있다. 휴대폰형식을 010-1234-1234 형식으로 하기 위해서 해당 소스를 추가한다. 
mask: '010-9999-9999' 에서 0은 숫자 0만 들어갈 수 있으며 다른 숫자를 입력했을 때 입력이 되지 않는다. 1은 0~1만 입력이 되며, 9는 1~9가 입력이 가능하다. 

'mobile': {
                	mask: '010-9999-9999'
                }

8. 휴대폰 입력하는 input 태그 안에 alt="mobile"을 적으면 적용이된다.