이메일 관련한 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;
}