[졸업프로젝트03] TAG - 로그인페이지 유효성검사

kangsun·2022년 12월 2일

Spring

목록 보기

15/24

에러 - 자바스크립트 적용안됨

1. 가장 큰 문제 : 부트스트랩과 충돌 → 헤더 푸터 제거하고 테스트 페이지에서 다시 제작.

1. 폼으로 넘겨주기
1. logincheck를 loginCheck로 오타냄..ㅠㅠ

// 로그인 유효성 검사 자바스크립트 
<script>

	//아이디 비밀번호 입력해야 전송되는 javascript
	function logincheck() {
		
		// 1. 사용자가 입력한 아이디 값을 폼에서 가져온다.
		let m_id = $("#m_id").val().trim();
		
		//아이디 작성하지 않았을 때
	    if (m_id == "") {
	        //alert("아이디를 입력해 주십시오.");
	        $("#msg").empty();
	        $("#msg").append("아이디를 입력해 주세요");
	        $("#m_id").focus();
	        return false;
	    }//if end
	    
		//아이디 5~15글자 이내 체크
		if(m_id.length<5 || m_id.length>15) {
			$("#msg").empty();
			$("#msg").append("아이디는 5~15글자 이내 입력해 주세요");
			$("#m_id").focus();
			return false;
		}//if end
		
		
		// 비밀번호 체크
		let m_pw = $("#m_pw").val().trim();
		
		// 비밀번호 작성하지 않았을 때
	    if (m_pw == "") {
	        $("#msg").empty();
	        $("#msg").append("비밀번호를 입력해 주세요");
	        $("#m_pw").focus();
	        return false;
	    }//if end
	    
		//비밀번호 5~15글자 이내 체크
		if(!/^[a-zA-Z0-9]{8,20}$/.test(m_pw)) {
			$("#msg").empty();
			$("#msg").append("비밀번호는 숫자와 영문자 조합으로 8~20자리를 사용해야 합니다.");
			$("#m_pw").focus();
			return false;
		}//if end
		
		return true;
	}//logincheck() end
</script>