<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function check(){
// 정규표현식
// form을 생성하면 form의 인덱스 자동생성
var msg = document.forms[0].code.value;
// alert(msg)
//regex = /^\d{3}-?\d{3}$/; // 패턴생성 : 10진수 3개넣기 /* 우편번호 */
regex = /^\d{4}[/.-][01]?\d[/.-][0123]?\d$/; /* 생년월일 */
// ^: 숫자로 꼭 시작해야함
// $: 숫자로 끝나야함
// ?: 바로앞에 글자가 0개 or 1개일수도 있다.
if(msg.search(regex) == -1){
alert("잘못된 형식")
}else{
alert("올바른 형식")
}
// https://regexper.com
}
</script>
</head>
<body>
<form>
<input type = "text" name = "code">
<input type = "button" value ="클릭" onClick = "check()">
</form>
</body>
</html>
자바스크립트에서 정규표현식을 매치할떄 : search이용
# 자바스크립트에서 정규표현식을 매치할때 : search이용
if(msg.search(regex) == -1)
'기초 및 언어 > ▶ JavaScript&JQuery' 카테고리의 다른 글
| 01. JQuery_jQuery 선택자와 addClass (0) | 2025.09.08 |
|---|---|
| 00. JavaScript와 Jqeury 차이 (0) | 2025.09.08 |
| 10.JavaScript_JavaScript로 폼 유효성 검정 (0) | 2025.09.08 |
| 9. JavaScript_팝업창 열기, Window 객체 메서드 (0) | 2025.09.08 |
| 8. JavaScript_Math 메서드/ String 메서드 (0) | 2025.09.08 |