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>'JavaScript' 카테고리의 다른 글
| [Javascript] OpenWeather API를 사용하여 현재 날씨 가져오기 (0) | 2022.04.22 |
|---|---|
| [Javascript] 마우스 이벤트 (0) | 2022.04.18 |
| [Javascript] 사용자 PC에 연결 되어있는 미디어 디바이스 정보 가져오기 (0) | 2022.04.10 |
| [Javascript] 키보드 이벤트 (0) | 2022.04.09 |
| [Javascript] 눈 내리기 효과 만들기 (0) | 2022.04.08 |
