[JS] 전화번호 자동 하이픈(-) 처리, 정규식 사용
2022. 12. 27. 09:59ㆍ공부/JS,CSS
전화번호 입력 받을 때 자동으로 하이픈(-)처리하는 코드
jsp
<div>
<input type="text" id="phoneNum" name="phoneNum" oninput="autoHyphen(this)"/>
</div>
js
autoHyphen = function(target){
var value = $(target).val();
var hyphenNumber = value.replace(/[0-9]/g, '') //숫자만 입력
.replace(/^(\d{2,3})(\d{3,4})(\d{4})$/, '$1-$2-$3');
$(target).val(hyphenNumber);
}
'공부 > JS,CSS' 카테고리의 다른 글
[JS] 스크롤 맨 아래로 내리기 (0) | 2023.03.09 |
---|---|
[JS] 오늘 날짜 구하기, 어제 날짜 구하기 , new Date()사용하기, 이전 달의 마지막 날 구하기, 이전 년도의 마지막 날 구하기 (0) | 2023.03.09 |
[JS] 아이디 유효성 검사, 영문자+숫자 필수, 길이 제한, 정규식 (0) | 2022.12.27 |
[JS] 비밀번호 유효성, 글자 수 제한, 정규식, search함수, test함수, 영문자 숫자 특수문자 2개 이상 혼합 비밀번호 (0) | 2022.12.27 |
[CSS] 의사 클래스(pseudo-class) (0) | 2021.08.13 |