- 정보공유
[JQUERY] text input 박스 에 휴대폰번호 입력할때 자동으로 하이픈 넣기
function formatPhoneNumber(el) {
let value = el.value.replace(/[^0-9]/g, ''); // 숫자만 남기기
if (value.length <= 3) {
// 그대로 유지
} else if (value.length <= 7) {
value = value.replace(/(\d{3})(\d+)/, '$1-$2'); // 010-1234
} else {
value = value.replace(/(\d{3})(\d{4})(\d+)/, '$1-$2-$3'); // 010-1234-5678
}
el.value = value;
}
<input type="text" name="bk_hp" value="" id="bk_hp" required maxlength="20" onkeyup="formatPhoneNumber(this)">