JavaScript

[Javascript] 정규식으로 전화번호 형식 확인하기

teamnova 2022. 4. 13. 12:00
728x90

이번 포스팅에서는 정규식을 활용해 '-'이 있는 전화번호 형식이 맞는지 확인하는 기능을 만들어보겠습니다. 사용할 정규식은 다음과 같습니다.

/^01([0|1|6|7|8|9])-?([0-9]{3,4})-?([0-9]{4})$/

 

 

 

아래는 전체 코드입니다. textarea에 전화번호 형식(010-0000-0000)에 맞게 입력하고, 버튼을 누르면 형식에 맞는지 확인해줍니다.

 

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>전화번호 형식 확인하기</title>

</head>
<body>
<h1>전화번호 입력</h1>
<textarea id="phone_number" placeholder="010-0000-0000"></textarea>
<button onclick="check_phone_number();">형식 확인하기</button>

<script type="text/javascript">
    function check_phone_number() {
        let input = document.getElementById("phone_number").value

        let phone_format = /^01([0|1|6|7|8|9])-?([0-9]{3,4})-?([0-9]{4})$/
        if (phone_format.test(input)) alert("전화번호 입력 성공!\n전화번호 : " + input);
        else {
            alert("전화번호 형식에 맞게 입력해주세요");
            document.getElementById("phone_number").value = "";
        }
    }
</script>
</body>
</html>