전체 글에 해당하는 글 157

  1. 이메일 & 휴대폰 번호 정규식 코드 예시(Validate email, phone number)2022.05.17
반응형

이메일 & 휴대폰 번호 정규식 코드 예시(Validate email, phone number)

Devel/HTML&CSS&JAVASCRIPT|2022. 5. 17. 15:39
반응형

이메일, 휴대폰 정규식 표현 코드 예시

 

1. 이메일 정규식 표현

var validate_email = function(email){
  var pattern = /^([a-zA-A0-9_.-])+@([a-zA-Z0-9_.-])+([a-zA-Z])+/;
  var is_email_valid = false;
  if(email.match(pattern) != null){
    is_email_valid = true;
  }
  return is_email_valid;
}

$(document).on("keyup", "#email_id", function(event){
  var keypressed = event.which;
  var input_val = $(this).val();
  var is_success = true;
  if(keypressed == 9){
    is_success = validate_email(input_val);   
    if(!is_success){
      $(this).focus();
    }
  }
});

$(document).on("focusout", "#email_id", function(){
  var input_val = $(this).val();
  var is_success = validate_email(input_val); 

  if(!is_success){
    $("#email_id").focus();
  }
});

 

2. 휴대폰 정규식 표현

 function fn_submit() {
      var text = document.getElementById('text').value;

      var regPhone = /^01([0|1|6|7|8|9])-?([0-9]{3,4})-?([0-9]{4})$/;
      if (regPhone.test(text) === flase) {
          alert('휴대폰 번호 다시 체크 해주세요');
      }
  }

1. 첫번째는 010/011/016/017/018/019 

2. 두번째는 3~4자리, 0~9범위의 숫자. 세번째는 0~9범위의 숫자, 4자리 숫자로 체크하다.

댓글()
loading