본문 바로가기
JS

JavaScript - 이메일 유효성 검사 (회원가입)

by 나는 코딩왕 2021. 2. 19.

JavaScript 이메일 유효성 검사하기~~!!

 

 

JavaScript 부분

<script language="javascript">
	function checkIt(){
		var email = userinput.email.value
		var exptext = /^[A-Za-z0-9_\.\-]+@[A-Za-z0-9\-]+\.[A-Za-z0-9\-]+/;

			if(exptext.test(email)==false){

			//이메일 형식이 알파벳+숫자@알파벳+숫자.알파벳+숫자 형식이 아닐경우			

			alert("이메일형식이 올바르지 않습니다.");

			userinput.email.focus();

		return false;
			}
		
	}
</script>

사용자가 입력한 부분 중 id가 'email'인 값을 받아 형식을 체크하여 alert창 이벤트 처리

 

body 부분

<h2>회원가입</h2>
		
		<table class="type11">
			<tr>
				<th>E-mail</th>
				<td><input type="text" name="email"
					placeholder="ex)abc@naver.com" required></td>
			</tr>
         	</table

 

 

JavaScript 이메일 유효성 검사하기 끝~~!!

댓글