심플 회원가입 양식 체크

회원 가입 폼 js 만들어보기

function chkRegister() {
    // 아이디 체크
    var userId = document.getElementById('userId');
    if(userId.value == "" || userId.value.length > 3) {
        alert('아이디를 입력하시오.');
        userId.focus();
    }

    // 비밀번호 체크
    var pwd = document.getElementById('userPW');
    if(pwd.value.length < 3 || pwd.value.length > 13) {
        alert('비밀번호는 3자이상 12자이하로 입력하세요.');
        pwd.select();
        return false;
    }
    // 비밀번호 확인 체크
    var pwCfm = document.getElementById('pwCfm');
    if(pwd.value != pwCfm.value) {
        alert('암호가 다릅니다. 다시 입력하세요.');
        pwd.select();
        pwCfm.value = "";
    }
    // 이름 체크
    var userName = document.getElementById('userName');
    if(userName.value.length < 2 || userName.value.length > 6) {
        alert('이름 2자이상 5자이하로 입력하세요.');
        userName.select();
        return false;
    }
}

See the Pen 폼유효성체크 by jaeheekim (@jaehee) on CodePen.