프리카운터넷

프로그래밍&개발

기존 공부방

사용자 E-mail주소를 스크립트로 검증하기

▶ 사용자 E-mail 검증하고 에러메세지 띄우기

<html>
<head>
<script language="JavaScript">
function isEmail(str) {
// regular expression 지원 여부 점검
var supported = 0;
if (window.RegExp) {
var tempStr = "a";
var tempReg = new RegExp(tempStr);
if (tempReg.test(tempStr)) supported = 1;
}
if (!supported)
return (str.indexOf(".") > 2) && (str.indexOf("@") > 0);
var r1 = new RegExp("(@.*@)|(\\.\\.)|(@\\.)|(^\\.)");
var r2 = new RegExp("^.+\\@(\\[?)[a-zA-Z0-9\\-\\.]+\\.([a-zA-Z]{2,3}|[0-9]{1,3})(\\]?)$");
return (!r1.test(str) && r2.test(str));
}
</script>
</head>
<body>
<FORM NAME="emailCheck">
<INPUT TYPE="text" NAME="email" SIZE="30">
<INPUT TYPE="button" NAME="sub" VALUE="이메일 검증" ONCLICK="isEmail(document.emailCheck.email.value)?alert('등록해주셔서 감사합니다.'):alert('올바른 메일주소를 입력해주세요.')">
</FORM>
</body>
</html>

▶ 사용자 E-mail, 한메일(daum)계정의 메일 검증하고 에러메세지 띄우기

<html>
<head>
<script language="JavaScript">
<!--
function sendit()
{
var str;
str = document.myform.email.value;
if(str == ""){
alert("E-mail을 등록해 주세요");
document.myform.email.value = "";
document.myform.email.focus();
return;
}
if(str.search(/(\S+)@(\S+)\.(\S+)/) == -1 ){
alert("E-mail 주소가 부정확합니다.");
document.myform.email.value = "";
document.myform.email.focus();
return;
}

if ((str.indexOf('@daum.net') != -1) || (str.indexOf('@hanmail.net') != -1)){
alert("daum(hanmail)계정의 이메일은 등록할 수 없습니다.");
document.myform.email.value = "";
document.myform.email.focus();
return;
}
document.myform.submit();
}
//-->
</script>
</head>
<body>
<form name=myform action="" style="margin-top=0;margin-bottom:3;" methed=post>
<input type="text" name="email" size="18" >
<a href="javascript:sendit();">등록하기</a>
</body>
</html>

▶ 사용자 E-mail에 메일계정 옵션 주기

<html>
<head>
<script language="JavaScript">
function check_validation()
{
form = document.input_form;
if ( ! check_string_value(form.email1.value, 2) || form.email1.value.indexOf(" ", 1) != -1 )
{
alert('E-Mail 주소를 올바르게 입력하십시요.');
form.email1.focus();
return false;
}
if ( ! check_string_value(form.email2.value, 4) || form.email2.value.indexOf(".", 2) == -1 )
{
alert('E-Mail 주소를 올바르게 입력하십시요.');
form.email2.focus();
return false;
}
if ( form.email2.value.toLowerCase() == "hanmail.net" || form.email2.value.toLowerCase() == "daum.net")
{
alert('다음 계정(hanmail.net, daum.net)은 사용하실 수 없습니다.');
form.email2.focus();
return false;
}
return false;
}

function change_email()
{
form = document.input_form;
val = form.email_list.options[form.email_list.selectedIndex].value;
if ( val == "" )
{
form.email2.value = "";
form.email2.disabled = true;
form.email2.onClick = "blur();"
}
else if ( val == "direct" )
{
form.email2.value = "";
form.email2.disabled = false;
form.email2.focus();
}
else
{
form.email2.value = val;
form.email2.disabled = true;
}
}
// -->
</script>
</head>
<body>
<form id=Form1 name=input_form onsubmit="return check_validation();"
action=bloom_join_process.asp method=post autocomplete="off">
<INPUT id=Hidden1 type=hidden name=email>
<INPUT id=Text5 maxLength=50 name=email1> @
<INPUT id=Text6 disabled maxLength=50 size=14 name=email2>
<SELECT class=input id=Select1 onchange=change_email(); name=email_list>
<OPTION value="" selected>선택</OPTION>
<OPTION value=lycos.co.kr>lycos.co.kr</OPTION>
<OPTION value=yahoo.co.kr>yahoo.co.kr</OPTION>
<OPTION value=hanmir.com>hanmir.com</OPTION>
<OPTION value=netian.com>netian.com</OPTION>
<OPTION value=korea.com>korea.com</OPTION>
<OPTION value=hotmail.com>hotmail.com</OPTION>
<OPTION value=dreamwiz.com>dreamwiz.com</OPTION>
<OPTION value=empal.com>empal.com</OPTION>
<OPTION value=intizen.com>intizen.com</OPTION>
<OPTION value=orgio.net>orgio.net</OPTION>
<OPTION value=direct>직접입력</OPTION>
</SELECT>
<BR>다음 계정(hanmail.net,daum.net)은 사용할 수 없습니다.
</form>
</body>
</html>