본문 바로가기

Javascript

Java Script # 회원가입 폼 유효성 검사(빈 칸이 있으면 알림 띄우기)

     
     
     /*변수 선언 생략*/
     
     
     
     
     
     
     
     function checkfield(){
 
        if(id.value==""){                        //변수 값이 없을 경우
        alert("아이디를 입력하세요.");         //메세지 경고창을 띄운 후
        id.focus();                             // 해당 변수의 텍스트박스에 커서를 위치
        exit;
        
        }else if(pw1.value==""){
        alert("비밀번호를 입력하세요.");
        pw1.focus();
        exit;
        
        }else if(pw2.value==""){
        alert("비밀번호를 확인하세요.");
        pw2.focus();
        exit;
        
        }else if(userName.value==""){
        alert("이름을 입력하세요.");
        userName.focus();
        exit;

        }else if(yy.value==""){
        alert("생년월일을 확인하세요.");
        yy.focus();
        exit;

        }else if(mm.value==""){
        alert("생년월일을 확인하세요.");
        mm.focus();
        exit;

        }else if(dd.value==""){
        alert("생년월일을 확인하세요.");
        dd.focus();
        exit;

        }else if(gender.value==""){
        alert("성별을 입력하세요.");
        gender.focus();
        exit;

        }else if(email.value==""){
        alert("이메일을 입력하세요.");
        email.focus();
        exit;
        
        }else if(mobile.value==""){
        alert("휴대전화 번호를 입력하세요.");
        mobile.focus();
        exit;

        }else if ( !form1_data['c1'] ) {                    // 여기는 체크박스로 구성됨
			alert('서비스 이용약관 동의를 하지 않았습니다.');  // 알람 메세지
			c1.parentNode.style.color = 'red';              // 체크 안됐었을 시에 red 로 색변경
			return false; 

        }else if ( !form1_data['c2'] ) {
			alert('위치서비스 이용약관 동의를 하지 않았습니다.');
            c2.parentNode.style.color = 'red'; 
			return false; 

        }else if ( !form1_data['c3'] ) {
			alert('개인정보취급방침 이용약관 동의를 하지 않았습니다.'); 
            c3.parentNode.style.color = 'red'; 
			return false; 

		}