폼체크 폼검사 - 정규 표현식

날짜:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>정규 표현식 검사</title>
<script type="text/javascript">
//파이어폭스에서 이벤트를 추가해주는거
 if (window.addEventListener) {
  window.addEventListener("load", setupEvents, false)
//파이어폭스가 아니라 익스플러이고 이벤트를 추가해주는거
 } else if (window.attachEvent) {
  window.attach("onload", setupEvents)
// 그 외...
 } else {
  window.onload = setupEvents;
 }

 function setupEvents(evnt) {
  document.someForm.onsubmit = validateField;
 }

 function validateField(evnt) {
  var rgEx = new RegExp(document.someForm.text1.value);
  var OK  = rgEx.exec(document.someForm.text2.value);
 
  //결과 출력
  if (!OK) {
   document.someForm.text3.value = "정규 표현식에 매치 되지 않는 데이터입니다.";
  } else {
   document.someForm.text3.value = "정규 표현식에 매치 되는 데이터 입니다.";
  }
  return false;
 }
</script>
</head>
<body>
<form name="someForm" style="padding : 10px">
 정규 표현식 : <br />
 <textarea name="text1" cols="50" rows="1"></textarea><br />
 정규 표현식으로 검사할 데이터<br />
 <textarea name="text2" cols="50" rows="3"></textarea><br /><br />
 검사결과 : <input type="text" name="text3" size="50"/><br /><br />
 <input type="submit" value="Check RegExp" />
</form>
</body>
</html>

// 휴대폰 체크
[01](0|1|6|7|8|9)[-](\d{4}|\d{3})[-]\d{4}$
//이메일 체크
^.+@[^\.].*\.[a-z]{2,}$
//날짜 체크 날짜는 MM-DD-YYYY << 요것만
^\d{2}\/+\d{2}\/+\d{4}

댓글

댓글 쓰기