728x90
000-0000-0000 형식의 전화번호인지 검사하고 싶다면 정규표현식을 /^[0-9]{3}-[0-9]{4}-[0-9]{4}$/로 변경한다.
if ( /^[0-9]{3}-[0-9]{4}-[0-9]{4}$/.test( brn ) ) {
document.getElementById( "checkBrnMessage" ).innerText = "OK";
} else {
document.getElementById( "checkBrnMessage" ).innerText = "NOT OK";
}
010으로 시작하게 하려면 정규표현식을 /^010-[0-9]{4}-[0-9]{4}$/로 변경한다.
if ( /^010-[0-9]{4}-[0-9]{4}$/.test( brn ) ) {
document.getElementById( "checkBrnMessage" ).innerText = "OK";
} else {
document.getElementById( "checkBrnMessage" ).innerText = "NOT OK";
}
입력하는 순간 유효성 검사하기
jQuery를 이용하여 다음과 같이 하면, 폼을 선택하고 입력할 때마다 유효성 검사를 한다.
즉, 010-0000-0000 형식이 되기 전까지는 NOT OK를, 입력을 마치는 순간 OK를 출력한다.
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>JavaScript</title>
<style>
* {
font-family: Consolas, monospace;
font-size: 20px;
}
</style>
<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
</head>
<body>
<p>
<input type="text" name="brn" id="brn">
</p>
<p id="checkBrnMessage"></p>
<script>
$( '#brn' ).on( 'focus keyup', function() {
var brn = document.getElementById( "brn" ).value;
if ( /^010-[0-9]{4}-[0-9]{4}$/.test( brn ) ) {
document.getElementById( "checkBrnMessage" ).innerText = "OK";
} else {
document.getElementById( "checkBrnMessage" ).innerText = "NOT OK";
}
} );
</script>
</body>
</html>728x90
'JavaScript' 카테고리의 다른 글
| [JavaScript] e. preventDefault() 란? (0) | 2023.06.15 |
|---|---|
| [JavaScript] window 객체 종류 (0) | 2023.06.10 |
| [JavaScript] resize, ResizeObserver (0) | 2023.05.29 |
| [JavaScript] 자바스크립트 대화상자 명령어 (0) | 2023.05.23 |
| [JavaScript] 구글 지도 만들기 google maps API (0) | 2023.05.18 |
댓글