예제 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가 된다.
'자바스크립트' 카테고리의 다른 글
[자바스크립트] - 브라우저 객체 모델 종류 > window 객체 / 일정한 시간 간격으로 코드 실행하는 메서드 setInterval , setTimeout / 를 멈추는 clearInterval , clearTimeout (1) | 2024.07.23 |
---|---|
[자바스크립트] - ★객체 표현 방식 / 변수에 간단하게 객체를 넣기 / 객체 생성 (0) | 2024.07.18 |
[자바스크립트] - 문자열 객체String Object / 문자열 객체의 메서드, 속성 (0) | 2024.07.17 |
[자바스크립트] - Array 배열 매서드 ☆ (0) | 2024.07.17 |
[자바스크립트] - Array 배열 ★ (0) | 2024.07.16 |