이메일 유효성 검사

Question

안녕하세요.이메일 유효성 검사 기본 소스로 공부하고 있습니다.근데 아래 이미지 처럼 '이메일을 입력해주세요. 필수 정보 입니다' 에 멈춰 있습니다.아래는 소스 입니다.$(function(){ var submitCheck = true; var inputObj = $('#userInfo').find('input'); // inputObj가 입력값이고 이걸로 비교하는거 function emailValidation(objEmail){ var inputData = $(this).val(); var labelText = $('label[for=' + inputId + ']').text(); var e_RegExp = /^[0-9a-zA-Z]([\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-\.]?[0-9a-zA-Z])*\.[a-zA-Z]{2,3}$/i; } $("memberEmail").blur(function(){ // input이 focus를 잃었을 때 처리 var objEmail = document.getElementById("memberEmail"); // 이메일 if(objEmail.value == '' || objEmail.value == 'undefined'){ // 이메일 입력여부 검사 $("#emMsg").html("이메일을 입력해주세요. 필수 정보 입니다."); $(this).focus(); return false; } if(!e_RegExp.test(objEmail.value)){ // 이메일 유효성 검사 $("#emMsg").html("이메일 주소를 다시 확인해 주세요."); $(this).focus(); return false; } else{ $("#emMsg").html("등록 가능한 이메일 주소 입니다."); } }});

이메일

감사합니다.

Clickin · Answer

이메일 input이 아마 <input id = "memberEmail"> 이겠네요지금 올려놓으신 코드로는 그냥 body 로딩될 때 한번 실행되고 끝이기 때문에 해당 input에다가 이벤트 리스너로 달아주셔야지만 비로소 원하는 동작이 가능합니다.자바스크립트도 근본적으로는 절차형 패러다임이기 때문에 아무 지정도 없이 알아서 이벤트를 실행시키고 하지 않습니다.그리고 jquery 셀렉터를 쓰실거면 그것만 쓰시던가 해야지 document의 셀렉터랑 섞어쓰다보면 나중에 헷갈리실겁니다. 한쪽으로 통일하시는게 편해요function emailValidation(event) { // 해당 이벤트가 일어난 input 요소가 event.target으로 넘어옴 var objEmail = event.target //유효성 검사 구현하기 } // email 칸을 나갈 때 이메일 유효성 검사 $("#memberEmail").on('blur', emailValidation)대충 이런 느낌으로 구현하시면 됩니다.

오후 · Answer

$(function(){}); > document.ready > DOM 준비시점에 동작 $.each > 반복문이라 위 로직상 존재할필요없음

이메일 유효성 검사

2개의 답변

Q&A 목록