본문 바로가기
coding

[js] 개인정보 이메일 유효성 검사 후 출력하기

by 코딩하는 갓디노 2020. 6. 26.

 

문자열 객체를 메서드를 이용하여
사용자로부터 입력받은 이메일 주소의 유효성을
검사하는 방법을 알아보겠습니다.




구현내용:

· prompt를 이용하여, 사용자의 이름, 핸드폰 번호, 이메일 주소를 입력받음 
· 이메일 주소안에 @, 도메인 주소가 포함되어 있으면 정상 
· 정상일 경우, 정상 메시지 출력 
· 비정상일 경우, 비정상 메시지 출력 
· 여기서 핸드폰 번호 뒤 4자리는 정보가 노출되지 않도록 '*'로 출력

 

문자열 객체 메서드

종류 설명
charAt(index) 문자열에서 인덱스 번호에 해당하는 문자를 반환
indexOf("찾을 문자") 문자열 왼쪽에서 찾을 문자와 일치하는 문자를 찾아 제일 먼저 일치하는 문자의 인덱스 번호를 반환
(만일 찾는 문자가 없으면 -1을 반환)
match 문자열에서 왼쪽부터 찾을 문자와 일치하는 문자를 찾아 제일 먼저 찾은 문자를 반환
(만약 찾는 문자가 없으면 null 반환)
replace("바꿀 문자","새 문자") 문자열에서 왼쪽부터 바꿀 문자와 일치하는 문자를 찾아 제일 먼저 찾은 문자를 새 문자로 치환
search("찾을 문자") 문자열에서 왼쪽부터 찾을 문자와 일치하는 문자를 찾아 제일 먼저 일치하는 인덱스 번호를 반환
slice(a,b) a개의 문자를 자르고 b번째 이후에 문자를 자른 후 남은 문자를 반환
substring(a,b) a 인덱스부터 b 인덱스 이전 구간의 문자를 반환
concat("새로운 문자") 문자열에 새로운 문자열을 결합
length 문자열에서 문자의 개수를 반환
toLowerCase() 문자열에서 영문 대문자를 모두 소문자로 바꿈
toUpperCase() 문자열에서 영문 소문자를 모두 대문자로 바꿈

 

<javascipt>

var userName = prompt("이름을 입력해주세요","");
    
    var userNumber = prompt("핸드폰 번호를 입력해주세요","");
    
    var email = prompt("이메일 주소를 입력해주세요");
    var urlAddress = [".co.kr",".com",".net",".or.kr","go.kr"];
    var check1 = false;
    var check2 = false;

    if(email.indexOf("@") > 0){ //email 주소에 @가 있으면
        check1 = true; //정상입니다.
    }   

    for(var i = 0; i < urlAddress.length; i++){ //urlAddress의 데이터개수(5) 모두 반환합니다.
        if(email.indexOf(urlAddress[i]) > 0){ //email 주소에 urlAddress의 단어가 1개라도 있으면
            check2 = true; //정상입니다.
        } 
    }

    if( check1 && check2 ){ //두조건 참이면
        document.write(userName,"<br>");
        document.write(userNumber.substring(0,userNumber.length-4)+"****","<br>"); //끝에 4자리는 *로 출력
        document.write("이메일 주소가 확인되었습니다.");
    }else{ //거짓이면 
        document.write(userName +"님 올바른 이메일주소를 입력하세요.");
    }

 

정상적 이메일 주소일 경우,

잘못된 이메일 주소일 경우,

 

한번에 보기(Result 클릭)





댓글0