본문 바로가기

JavaScript

회원가입.js

function sendit(){      //한번만 써줘도 가능!

    const userid= document.getElementById('userid');
    const userpw= document.getElementById('userpw');
    const userpw_re = document.getElementById('userpw_re');
    const name = document.getElementById('name');
    const hp = document.getElementById('hp');
    const email = document.getElementById('email');
    const hobby = document.getElementsByName('hobby');
    
    // 정규 표현식
    const expIdText = /^[A-Za-z]{4,20}$/;
    const expPwText =  /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!@#$%^&*])[A-Za-z\d!@#$%^&*]{8,}/;
    const expNameText = /[가-힣]+$/;
    const expHpText= /^\d{3}-\d{3,4}-\d{4}$/;
    const expEmailText = /^[A-Za-z0-9\-\.]+@[A-Za-z0-9\-\.]+\.[A-Za-z0-9]+$/;
    if(userid.value== ''){
        alert('아이디를 입력하세요');
        userid.focus(); //커서를 아이디쪽으로
        return false;
    }
//정규표현식
    if(!expIdText.test(userid.value)){
        alert('아이디는 4자 이상 20자 이하의 대소문자로 시작하는 조합입니다');
        userid.focus();
        return false;
    }
    if(userpw.value == ''){
        alert('비밀번호를 입력하세요');
        return false;
    }
    if(!expPwText.test(userpw.value)){
        alert('비밀번호 형식을 확인하세요\n소문자,대문자,숫자,특수문자 1개씩 꼭 입력해야합니다.');
        userpw.focus();
        return false;
    }
    

    if(userpw.value != userpw_re.value){
        alert('비밀번호와 형식이 다릅니다.');
    }
//정규표현식
    if(!expNameText.test(name.value)){
        alert('이름은 한글로 입력하세요');
        name.focus();
        return false;
    }
    if(!expHpText.test(hp.value)){
        alert('휴대폰번호 형식을 확인하세요 \n하이픈(-)을 포함해야 합니다');
        hp.focus();
        return false;
    }
    if(!expEmailText.test(email.value)){
        alert('이메일 형식을 확인하세요');
        email.focus();
        return false;
    }
    let count = 0;
    for(let i in hobby){
        if(hobby[i].checked){
            count++;
        }
    }
    if(count == 0){
        alert('취미는 적어도 한개이상 선택하세요');
        return false;
    }



    return true;
}

'JavaScript' 카테고리의 다른 글

object  (0) 2022.11.10
함수  (3) 2022.11.10
폼 객체??  (0) 2022.11.08
객체~ 폼  (0) 2022.11.08
객체정리  (0) 2022.11.07