[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);
    }