26.회원가입유효성검사02

회원가입 유효성검사 02

순서

1.아이디 유효성검사

2.아아디 중복검사 유효성검사

3.비밀번호 유효성 검사

4.비밀번호 확인 입력 검사

1.아이디 유효성 검사

    		/*아이디 유효성 검사  */
    		
    		if(id ==""){
    			$('.final_id_ck').css('display','inline-block');
    			idCheck = false;
    		}else{
    			$('.final_id_ck').css('display','none');
    			idCheck = true;
    			
    		}

id 입력란에 아무것도 입력이 되지않을 경우 span 태그가 보인다. idCheck 변수는 false가 된다.

id입력란에 id가 입력이 되어있다면 span태그는 사라지고 idCheck가 true가 된다.

 

2.아이디 중복검사 유효성 검사

 // 아이디 중복검사
    
	$('.id_input').on('input propertychange paste', function(){
	 		
	    
	    	
		   var id = $('.id_input').val();
		    var data = {id : id}
												
			 $.ajax({
				type : "post",
				url : "/memberIdChk",
				data: data,
				
				success:function(result){
													    		
					if(result != 'fail'){
						$('.id_input_re_1').css("display", "inline-block");
			    		$('.id_input_re_2').css("display", "none");		
			    		idckCheck = true;
				} else {
						$('.id_input_re_2').css("display", "inline-block");
						$('.id_input_re_1').css("display", "none");		
						idckCheck = false;
				}
										  
		}
											    	
	   }); 
											    
	 });

기존 아이디 중복검사 메서드에 있는 if문에서 중복이 없는 경우 idckcheck 변수가 True가 되고 중복되는 아이디가 있을 경우에는 idckCheck변수가 false가 되도록 코드를 추가한다.

3.비밀번호 유효성 검사

/* 비밀번호 유효성 */
    		
    		if(pw ==""){
    			$('.final_pw_ck').css('display','inline-block');
    			pwCheck = false;
    		}else{
    			$('.final_pw_ck').css('display','none');
    			pwCheck = true;
    			
    		}


 function check_pw(){
		 
        var pw = document.getElementById('pw').value;
        var SC = ["!","@","#","$","%"];
        var check_SC = 0;

        if(pw.length < 6 || pw.length>16){
            window.alert('비밀번호는 6글자 이상, 16글자 이하만 이용 가능합니다.');
            document.getElementById('pw').value='';
        }
        for(var i=0;i<SC.length;i++){
            if(pw.indexOf(SC[i]) != -1){
                check_SC = 1;
            }
        }
        if(check_SC == 0){
            window.alert('!,@,#,$,% 의 특수문자가 들어가 있지 않습니다.')
            document.getElementById('pw').value='';
        

        }
    } 

pw 입력란에 아무것도 입력이 되지않을 경우 span 태그가 보인다. pwCheck 변수는 false가 된다.

pw입력란에 pw가 입력이 되어있다면 span태그는 사라지고 pwCheck가 true가 된다.

사용자가 입력 할 때 패스워드에 유효성검사 입력을 한다.

길이는 특수문자 포함에 비밀번호 6글자이상 16글자 이하로 설정한다.

for문을 돌려 var가 0일 경우 indexOf함수로 문자열을 찾는다.

 

4.비밀번호 확인 입력 검사

	/* 비밀번호확인 유효성 */
    		
    		if(pw ==""){
    			$('.final_pwck_ck').css('display','inline-block');
    			pwckCheck = false;
    		}else{
    			$('.final_pwck_ck').css('display','none');
    			pwckCheck = true;
    			
    		} 
 		

pw 입력란에 아무것도 입력이 되지않을 경우 span 태그가 보인다. pwckCheck 변수는 false가 된다.

pw입력란에 pw가 입력이 되어있다면 span태그는 사라지고 pwckCheck가 true가 된다.