[HTML5Solution] 정규식을 이용한 input type Check

html5 부터는 input text 태그의 경우 pattern 을 정규식으로 정의를 해놓고,

유효성을 체크할 수 있습니다.

하지만, IE8 이 메인인 우리나라에서는 꿈-_-나라 이야기지요;; ㄷㄷㄷ

하지만, 훈늉한(?) 사람들이 많은 IT 업계에서는 이를 js 라이브러리로 구현해 놓았습니다.

html5 같이 사용하고 js 라이브러리만 링크하면 매우좋은(?) html5의 패턴체크 태그를 쓸 수 있습니다.

<!DOCTYPE html> <head> <title>정규표현식 이용한 input type check </title> <script type='text/javascript' src='webforms2.js'></script> </head> <form id="myForm"> <fieldset> <legend>Input Type Check</legend> <label> 유효한 우편번호를 입력하세요 <input type="text" name="zipcode" pattern="(^\d{3}-\d{3})" title="Zip Code" /> </label> <p><input type="submit" value="우편번호 확인" /></p> </fieldset> </form>

출처 :: HTML5 솔루션

원본소스는 미국식 zipcode 를 체크하는건데 , 우리나라식인 xxx-xxx 로만 바꾸었습니다.

webform.zip