본문 바로가기

자바스크립트

[자바스크립트] - 문자열 객체String Object 예제 실습 _ 간단하게 이메일 유효성 검사해보기

예제 1) 

사용자로부터 핸드폰 번호를 입력 받은 후 정보가 노출되지 않도록 뒤의 네자리를 ****로 표시


      var phoneNum = prompt(
        "핸드폰 번호를 입력해주세요",
        "-을 포함해서 입력해주세요"
      );

      var phone = phoneNum.substring(0, phoneNum.length - 4) + "****";
      document.write(phone);
 


예제 2) 

이메일 유효성 검사하기 

 
  var userEmail = prompt("이메일 주소를 입력");
  var arrUrl = [".co.kr", ".com", ".net", "or.kr", ".go.kr"];

      var check1 = false;
      var check2 = false;

      if (userEmail.indexOf("@") > 0) {
        check1 = true;
      }
      for (var i = 0; i < arrUrl.length; i++) {
        if (userEmail.indexOf(arrUrl[i]) >= 0) {
          check2 = true;
        }
      }

      if (check1 && check2) {
        document.write(userEmail + "님 인증 완료되었습니다");
      } else {
        alert("이메일 형식이 잘못되었습니다."); //경고창
        location.reload(); //새로고침
      }
 

 

*alert 경고창

*location.reload(); 새로고침

 

var i가 0부터 시작하는 이유는 인덱스 번호가 0번부터 시작하기 때문이다. 

for문에 i가  0부터 시작하니깐 arrurl의 lenght보다 작아야지 lenght만큼 반복하게 된다.
arrUrl[i]는 처음에 0이니깐 index번호 0번이 있는지를 userEmail에서 찾아라라는 뜻 일치하는게 없으면 -1을 반환하는데 그게 0보다 크지않으니깐 false가 나오고 증감하러 간다.
그럼 인덱스번호 1이 되고 그게 있는지 찾고 있을때까지 반복 일치하는 문자가 있으면 인덱스 번호를 반환하게 되는데 그럼 0보다 커지니깐 check2가 true가 된다.