10. JSP 유효성 검정 / usebean 숙제

 

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
Ex04_form_이정륜.jsp

<script type="text/javascript" src = "../js/jquery.js"></script>
<script type="text/javascript">

$(function(){			
})//ready

function check(){
	// 아이디누락
	if($('input[name="id"]').val() ==""){
		alert('아이디 누락')
		return false;
	}
	// 비밀번호
	if($('input[name="pw"]').val() ==""){
		alert('비밀번호 누락')
		return false;
	}
	
	pw = $('input[name="pw"]').val();
	if(isNaN(pw)){
		alert('숫자만 입력하세요')
		return false;
	}
	
	
	// 상품 체크박스
	if($('input[name="product"]:checked').length == 0){
		alert('하나 이상 선택하세요')
		return false;
	}
	
	// 배송시간
	if($('select[name="time"]').val()== "선택"){
		alert('배송시간을 선택하세요')
		return false;
	}
	
	// 결제방법
	if($('input[name="approve"]:checked').val()== null){
		alert('결제방법을 선택하세요')
		return false;
	}
}



</script>
<br>


<h2>상품 구매 내역</h2>
<FORM name="myform" METHOD="post" ACTION="Ex04_result_이정륜.jsp">

	<span>아이디 :</span> <INPUT TYPE="text" NAME="id"><br>
	<br> <span>비번 :</span> <INPUT TYPE="text" NAME="pw"><br>
	<p>


		<span>구매상품:</span> 
		<input type="checkbox" name="product" value="식품">식품
		<input type="checkbox" name="product" value="의류">의류 
		<input type="checkbox" name="product" value="도서">도서 
		<input type="checkbox" name="product" value="가구">가구
	<p>

		<span>배송시간 :</span> <SELECT NAME="time">
			<OPTION VALUE="선택">선택</OPTION>
			<OPTION VALUE="9시~11시">9시~11시</OPTION>
			<OPTION VALUE="11시~1시">11시~1시</OPTION>
			<OPTION VALUE="1시~5시">1시~5시</OPTION>
			<OPTION VALUE="5시~9시">5시~9시</OPTION>
		</SELECT>
	<p>

		<span>결제방법:</span> 
		카드 <INPUT TYPE="radio" NAME="approve" VALUE="카드">
		핸드폰 <INPUT TYPE="radio" NAME="approve" VALUE="핸드폰">
	<p>
		<span>결제 동의합니다. </span> <INPUT TYPE="checkbox" NAME="agree" id="agree">
	<p>

		<INPUT TYPE="submit" value="보내기" onClick="return check()">
</FORM>

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
Ex04_form_이정륜.jsp

<script type="text/javascript" src = "../js/jquery.js"></script>
<script type="text/javascript">

$(function(){			
})//ready

function check(){
	// 아이디누락
	if($('input[name="id"]').val() ==""){
		alert('아이디 누락')
		return false;
	}
	// 비밀번호
	if($('input[name="pw"]').val() ==""){
		alert('비밀번호 누락')
		return false;
	}
	
	pw = $('input[name="pw"]').val();
	if(isNaN(pw)){
		alert('숫자만 입력하세요')
		return false;
	}
	
	
	// 상품 체크박스
	if($('input[name="product"]:checked').length == 0){
		alert('하나 이상 선택하세요')
		return false;
	}
	
	// 배송시간
	if($('select[name="time"]').val()== "선택"){
		alert('배송시간을 선택하세요')
		return false;
	}
	
	// 결제방법
	if($('input[name="approve"]:checked').val()== null){
		alert('결제방법을 선택하세요')
		return false;
	}
}



</script>
<br>


<h2>상품 구매 내역</h2>
<FORM name="myform" METHOD="post" ACTION="Ex04_result_이정륜.jsp">

	<span>아이디 :</span> <INPUT TYPE="text" NAME="id"><br>
	<br> <span>비번 :</span> <INPUT TYPE="text" NAME="pw"><br>
	<p>


		<span>구매상품:</span> 
		<input type="checkbox" name="product" value="식품">식품
		<input type="checkbox" name="product" value="의류">의류 
		<input type="checkbox" name="product" value="도서">도서 
		<input type="checkbox" name="product" value="가구">가구
	<p>

		<span>배송시간 :</span> <SELECT NAME="time">
			<OPTION VALUE="선택">선택</OPTION>
			<OPTION VALUE="9시~11시">9시~11시</OPTION>
			<OPTION VALUE="11시~1시">11시~1시</OPTION>
			<OPTION VALUE="1시~5시">1시~5시</OPTION>
			<OPTION VALUE="5시~9시">5시~9시</OPTION>
		</SELECT>
	<p>

		<span>결제방법:</span> 
		카드 <INPUT TYPE="radio" NAME="approve" VALUE="카드">
		핸드폰 <INPUT TYPE="radio" NAME="approve" VALUE="핸드폰">
	<p>
		<span>결제 동의합니다. </span> <INPUT TYPE="checkbox" NAME="agree" id="agree">
	<p>

		<INPUT TYPE="submit" value="보내기" onClick="return check()">
</FORM>