반응형

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

 

소스> 영문, 숫자 혼용해서 6~20자 이내

 var reg = /^.*(?=.{6,20})(?=.*[0-9])(?=.*[a-zA-Z]).*$/;

 

사용 예:jQuery>

 <form name="f" method="post" action="폼 전송 주소">
 <input type="password" id="pwd" name="pwd" maxlength="20" />
 <input type="button" value="확인" onclick="btnSubmit()" />
 </form>
 <script type="text/javascript">
 <!--
 // 정규식 : 비밀번호
 function chkPwd(str)
 {
  var reg_pwd = /^.*(?=.{6,20})(?=.*[0-9])(?=.*[a-zA-Z]).*$/;

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

  return true;
 }

 // 폼 전송
 function btnSubmit()
 {
  // 확인 : 비밀번호
  $('#pwd').val($('#pwd').val().trim()); // javascript를 이용해서 trim() 구현하기 바로가기
  if(!chkPwd($('#pwd').val().trim()))
  {
   alert('비밀번호를 확인하세요.(영문,숫자를 혼합하여 6~20자 이내)');
   $('#pwd').val('');
   $('#pwd').focus();
   return false;
  }
  
  //document.f.submit();
 }
 //-->
 </script>

반응형
Posted by 은둔고수