javascript 정규식 이름 형식

자바스크립트 정규식을 이용해서 이름 형식을 확인할 수 있다.

 

소스>

// 한글 이름 2~4자 이내

var reg = /^[가-힣]{2,4}$/;

 

// 영문 이름 2~10자 이내 : 띄어쓰기(\s)가 들어가며 First, Last Name 형식

var reg = /^[a-zA-Z]{2,10}\s[a-zA-Z]{2,10}$/;

 

// 한글 또는 영문 사용하기(혼용X)

var reg = /^[가-힣]{2,4}|[a-zA-Z]{2,10}\s[a-zA-Z]{2,10}$/; // "|"를 사용

 

사용 예:jQuery>

 <form name="f" method="post" action="폼 전송 주소">
 <input type="text" id="name" name="name" maxlength="4" />
 <input type="button" value="확인" onclick="btnSubmit()" />
 </form>
 <script type="text/javascript">
 <!--
 // 정규식 : 이름
 function chkName(str)
 {
  var reg_name = /^[가-힣]{2,4}$/;

  if(!reg_name.test(str))
  {
   return false;
  }

  return true;
 }

 // 폼 전송
 function btnSubmit()
 {
  // 확인 : 이름
  $('#name').val($('#name').val().trim());  // javascript를 이용해서 trim() 구현하기 바로가기
  if(!chkName($('#name').val()))
  {
   alert('이름을 확인하세요.(한글 2~4자 이내)');
   $('#name').focus();
   return false;
  }

  //document.f.submit();

 }
 //-->
 </script>