정리하고기록하자

태그 안에 태그를 추가 하고 onchange 이벤트를 추가 했다. - 위에 html를 Open in Brower 를 했을 때 ( 저는 Sublime Text 를 사용 합니다. ) 에 입력할 사항을 입력 했을 때 이렇게 태그에 입력한 value 값을 가져온다.

1. Html - maxlength="20" -> 총 20글자 입력 2. 이벤트 추가! $(document).on("keyup", ".CLASS or #ID", function() { $(this).val( $(this).val().replace(/[^0-9]/g, "").replace(/([0-9]{4})+([0-9]{4})+([0-9]{4})+([0-9]{4})$/,"$1-$2-$3-$4").replace("--", "-")); }); - ".CLASS or #ID" 에는 input 태그에 CLASS 나 ID 를 입력한다. - 숫자 4자리 사이 에 자동 하이픈 추가 이벤트 - ex) xxxx - xxxx - xxxx - xxxx