로그인 적합성 검사 코드

로그인폼 에서 아이디 패스워드 입력 유무 검사 코드

▶JSP 부분

<script>
function loginCheck(){

	if(document.loginForm.userId.value == '') 
		{
		alert('아이디를 입력하세요!!!');
		document.loginForm.userId.focus();
		return false;
		}
	var Passwd = document.getElementById('userPass').value;
    if(Passwd == '')
    	{
    	alert('비밀번호를 입력하세요!!!');
    	document.loginForm.userPass.focus();
    	return false;
    	}
    document.loginForm.action = '/member/login';
    document.loginForm.submit();
    
}

function press() {
	
	if(event.keyCode == 13){ loginCheck(); }
	
}

</script>

 

<!-- 내용 추가 (로그인) -->
<c:if test="${member == null}">
<form name="loginForm" method="post" class="loginForm" onsubmit="loginCheck()">
<!-- 원본 <form role="form" method="post" autocomplete="off" action="/member/login">  --> 
		<!-- 아이디 -->
<p style="text-align: left; font-size: 15px; color: #666">
<label for="userId" id="id">User ID</label>
</p>
<input type="text" placeholder="아이디 입력" id="userId" name="userId" />

		<!-- 비밀번호 -->
<p style="text-align: left; font-size: 15px; color: #666">
<label for="userPass" id="pass">Password</label>
</p>
<input type="password" placeholder="비밀번호 입력" id="userPass"name="userPass" />
<p>
<button type="submit" class="btn">로그인</button>
</p>
<hr>
<p>
<a href="/member/register" class="join"> 회원가입</a>
</p>

</form>
</c:if>