<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
// check_id.html 파일을 새창에서 열기
function checkDuplicateId() {
window.open("check_id.jsp", "check_id", "width=400,height=300");
}
// 아이디 길이 판별
function checkIdLength() {
// 입력된 아이디가 4자리 ~ 8자리 사이가 아닐 경우
if(document.fr.id.value.lenght < 4 || document.fr.id.value.length > 8) {
alert("아이디는 4~8자리 필수!");
document.fr.id.select();
}
}
// 비밀번호 길이 판별
function checkPasswdLength() {
// 입력된 패스워드가 8자리 ~ 16자리 사이가 아닐 경우
if(document.fr.passwd.value.length < 8 || document.fr.passwd.value.length > 16) {
alert("패스워드는 8~16자리 필수!);
document.fr.passwd.select();
}
// 비밀번호 & 비밀번호확인란이 같은지 판별(패스워드확인란 글자 입력할 때마다 호출 = onkeyup)
function checkConfirmPasswd() {
// 결과를 표시할 span 태그 영역 객체 가져오기
let confirmPasswdResult = document.getElementById("confirmPasswdResult");
// 입력된 두 패스워드 가져오기
let passwd = document.fr.passwd.value;
let passwd - document.fr.passwd2.value;
// 두 패스워드 비교
if(passwd == passwd2) {
confirmPasswdResult.innerHTML = "비밀번호 일치";
confirmPasswdResult.style.color = "GREEN";
} else {
confirmPasswdResult.innerHTML = "비밀번호 불일치";
confirmPasswdResult.style.color = "RED";
}
}
// 주민번호 길이 체크 후 포커스 이동
function checkJumin1() {
if(document.fr.jumin1.value.length == 6) { // 6자리 입력 시
// jumin2 항목으로 포커스 이동
document.fr.jumin2.focus();
}
}
function checkJumin2() {
if(document.fr.jumin2.value.length == 7) { // 7자리 입력 시
// jumin2 항목에서 포커스 해제
// document.fr.jumin2.blur();
// 또는 email1 항목으로 포커스 이동
document.fr.email1.focus();
}
}
// 이메일 도메인 선택 시 email2 영역에 선택된 도메인 표시
function changeDomain() {
document.fr.email2.value = document.fr.emailDomain.value;
}
// 취미의 전체선택 체크박스 선택 시 모든 항목 체크, 전체선택 체크 해제 시 모든 항목 체크 해제
function checkAll() {
// 전체선택 체크박스 체크 상태 판별
if(document.fr.check_all.checked) { // 체크
// hobby 체크박스는 복수개의 항목이 배열로 관리되므로 hobby[인덱스] 로 접근 가능
document.fr.hobby[0].checked = true;
document.fr.hobby[1].checked = true;
document.fr.hobby[2].checked = true;
} else { // 체크 해제
// document.fr.hobby[0].checked = false;
// document.fr.hobby[1].checked = false;
// document.fr.hobby[2].checked = false;
// for문(for...of)을 사용하여 작업 시
}
}
Hello, Velog!