[자바스크립트] 전화번호 하이픈 자동 입력 정규식 정리

javascript

    const autoHyphen = (target) => {
        if (target.value.indexOf('1') === 0) {
        // ex) 1588-****
            target.value = target.value
                .replace(/[^0-9]/g, '')
                .replace(/(\d{4})(\d{4})/, '$1-$2')
        } else if (target.value.indexOf('02') === 0) {
        // ex) 02-***-**** or 02-****-****
            target.value = target.value
                .replace(/[^0-9]/g, '')
                .replace(/^(\d{2})(\d{3,4})(\d{4})$/, `$1-$2-$3`);
        } else {
        // ex) 031-***-**** or 016-***-**** or 010-****-****
            target.value = target.value
                .replace(/[^0-9]/g, '')
                .replace(/^(\d{3})(\d{3,4})(\d{4})$/, `$1-$2-$3`);
        }
    }

 

html

<input type='text' oninput='autoHyphen(this)' maxlength='13'>

 

자주 사용하는 정규식이라 메모용으로 저장합니다.