[jquery] input type에 자동으로 쿠폰 4자리 마다 하이픈, 대문자로 변경하기 정규식 스크립트

 

input-txt대신에 원하는 class 이름으로 변경해서 사용하시면 됩니다.

input 박스에서 keyup했을 때 자동으로 쿠폰 4자리마다 하이픈 넣고 대문자로 변경합니다.

쿠폰 12자리일 경우 (영문 알파벳, 숫자로 구성된 쿠폰일 경우)

$(document).on("keyup", ".input-txt", function() {
$(this).val( $(this).val().replace(/[^a-zA-Z0-9]/g, "").replace(/([a-zA-Z0-9]{4})+([a-zA-Z0-9]{4})+([a-zA-Z0-9]{4})/,"$1-$2-$3").replace("--", "-").toUpperCase());
});

 

쿠폰 16자리일 경우 (영문 알파벳, 숫자로 구성된 쿠폰일 경우)

$(document).on("keyup", ".input-txt", function() {
$(this).val( $(this).val().replace(/[^a-zA-Z0-9]/g, "").replace(/([a-zA-Z0-9]{4})+([a-zA-Z0-9]{4})+([a-zA-Z0-9]{4})})+([a-zA-Z0-9]{4})/,"$1-$2-$3-$4").replace("--", "-").toUpperCase());
});