정규식을 이용한 유효성 검사

js를 이용하여 저번에 만든 회원 가입 페이지에 정규식을 이용한 유효성 검사를 넣어 보았다.

 

function check(){
    var my_id = document.getElementById("my_id").value;
    var my_pw = document.getElementById("my_password").value;
    var ch_pw = document.getElementById("check_password").value;
    var my_email = document.getElementById("my_email").value;
    var my_name = document.getElementById("my_name").value;
    var birth = document.getElementById("birth").value;
    var inter = document.getElementsByName("interasting");
    var intro = document.getElementById("my_intro").value;
    var idch = /^[a-zA-Z0-9]{4,12}$/;
    var emailch = /^[a-zA-Z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$/;
    var nameche = /^[a-zA-Z]{2,}$/;
    var namechk = /^[가-힣]{2,}$/;
    var birthch = /^[0-9]{4,4}$/;
    var count = 0;

    if(!idch.test(my_id)){
        alert("아이디는 영문과 숫자로만 4자에서 12자까지 가능합니다!!");
        return false;
    }

    if(!idch.test(my_pw)){
        alert("비밀번호는 영문과 숫자로만 4자에서 12자까지 가능합니다!!");
        return false;
    }else if(my_pw != ch_pw){
        alert("비밀번호가 서로 다릅니다!!");
        return false;
    }

    if(!emailch.test(my_email)){
        alert("이메일 형식을 지켜주세요!!");
        return false;
    }

    if(my_name == ""){
        alert("이름을 입력해 주세요!!");
        return false;
    }else if(my_name.length < 2){
        alert("이름을 다시 입력해 주세요!!");
        return false;
    }else if(!nameche.test(my_name)){
        if(!namechk.test(my_name)){
            alert("이름을 다시 입력해 주세요!!");
            return false;
        }
    }

    if(!birthch.test(birth)){
        alert("생일은 숫자만 4자를 적어 주세요!!");
        return false;
    }else if(Number(birth) < 1900){
        alert("1900년도 이하 생일은 말이 안됩니다");
        return false;
    }

    for(var i=0; i<inter.length; i++){
        if(inter[i].checked){
            count++;
        }
    }
    if(count<1){
        alert("관심분야를 하나이상 선택해 주세요!!");
        return false;
    }

    if(intro.length<1){
        alert("자기소개를 적어주세요!!");
        return false;
    }

    alert("회원 가입을 축하 합니다!!");
}