이메일 관련한 javascript

이메일의 도메인 선택하면 자동으로 입력 혹은 직접선택

js

function DomainCheck()   
{
  var mail_domain = document.form.Domain.value;
  if( mail_domain != "") { //계정이 선택이 없다면
    if( mail_domain != "-")	{
      document.form.email02.readOnly = true;
      document.form.email02.value = mail_domain;
    } else {
      document.form.email02.readOnly = false;
      document.form.email02.value="";
      document.form.email02.focus();
    }	
  } else {
    document.form.email02.readOnly = true;
    document.form.Domain.focus();
  }
  return;
}

html

 <form name="form">
   <input type="text" size=10 maxlength="15" name="email01">@ 
   <input type="text" size="20" name="email02" maxlength="50"  readonly>
   <select name="Domain" onChange="DomainCheck();">
     <option value="">선택 
     <option value="-">직접입력 
     <option value="google.com">구글 
     <option value="naver.com">네이버 
   </select>
 </form>

See the Pen anchor 스무스 하게 움직이기 by younghyeong ryu (@wangta69) on CodePen.

이메일 유효성 검사

var email = '[email protected]';  
var regex=/^([\\w-]+(?:\\.[\\w-]+)*)@((?:[\\w-]+\\.)*\\w[\\w-]{0,66})\\.([a-z]{2,6}(?:\\.[a-z]{2})?)$/;   
// var regex = /[a-z0-9]{2,}@[a-z0-9-]{2,}\.[a-z0-9]{2,}/i;
// var regex = /[-!#$%&'*+\/^_~{}|0-9a-zA-Z]+(\.[-!#$%&'*+\/^_~{}|0-9a-zA-Z]+)*@[-!#$%&'*+\/^_~{}|0-9a-zA-Z]+(\.[-!#$%&'*+\/^_~{}|0-9a-zA-Z]+)*/;

if(regex.test(email) === false) {   // 잘못된 이메일 형식입니다.
  return false;  
} else {  
  return true;  
}