자바스크립트 form_시험

혜미·2021년 1월 12일
0

JavaScricpt

목록 보기
2/2

드디어 코드를 화면에 보이게 올리는 방법을 알았습니다. ㅋㅋㅋ
근데 코드를 올리면 구현부분은 또 안나타나네요?ㅠㅠ 뭘 올려야할까요?

오늘 올린건 자바스크립트 도서 정보 입력 시험 본 부분입니다.
시험에서 제가 막혔던 부분은 보유수량 카운트 작성하는거 였어요.
그리고 배송비 유무랑 도서서점 여러개 체크하는거랑 하나만 체크하도록 하는 for문 함수만드는 것은 아직도 안 익숙한거 같아요.
전에 한 코드를 보면서 해야한다는..ㅎㅎ;

<html>
<head>
<meta charset="UTF-8">
<title>from_송혜미</title>
<script type="text/javascript">
	function inputCheck(){
		//alert(1);
		
		str = "선택한 항목은\n";
		
		if(document.myform.title.value == ""){
			alert("제목을 입력하세요");
			document.myform.title.focus();
			return false;
		}
		
		if(document.myform.author.value == ""){
			alert("저자를 입력하세요");
			document.myform.author.focus();
			return false;
		}
		
		if(document.myform.publisher.value == ""){
			alert("출판사를 입력하세요");
			document.myform.publisher.focus();
			return false;
		}
		
		if(document.myform.price.value == ""){
			alert("가격을 입력하세요");
			document.myform.price.focus();
			return false;
		}
		
		if(isNaN(document.myform.price.value)){
			alert("가격은 숫자로 입력하세요");
			document.myform.price.select();
			return false;
		}
		
		if(document.myform.date.value == ""){
			alert("입고일을 입력하세요");
			document.myform.date.focus();
			return false;
		}
		
		
		str += document.myform.title.value+"\n";
		str += document.myform.author.value+"\n";
		str += document.myform.publisher.value+"\n";
		str += document.myform.price.value+"\n";
		str += document.myform.date.value+"\n";
		
		
		klen = document.myform.kind.length;
		flag = false;
		for(i=0;i<klen;i++){
			if(document.myform.kind[i].checked){
				flag = true; // 
				str += document.myform.kind[i].value+"\n";
				break; // 
			}
		}
		
		if(flag == false){
			alert("배송비 유무를 선택하세요");
			return false;
		}
		
		
		blen = document.myform.bookstore.length; // 4
		flag = false;
		for(i=0;i<blen;i++){
			if(document.myform.bookstore[i].checked){
				flag = true;
				str += document.myform.bookstore[i].value+" ";
				// break; // X
			}
		}
		
		str += '\n';
		
		if(flag == false){
			alert("구입 가능 서점 최소 1개 체크해야함");
			return false;
		}
		
		index = document.myform.count.selectedIndex; // 선택:0
		if(index == 0){
			alert("보유수량을 선택하세요");
			return false;
		}
		
		str += document.myform.count[index].value+"\n";
		
		alert(str);
		
	}

</script>
</head>
<body>  
	<h1>도서 정보 입력</h1>
	<form name="myform" action="Result.jsp" method="post">
		<table border=1>
			<tr>
				<td>제목</td>
				<td><input type="text" name="title"></td>
			</tr>
			<tr>
				<td>저자</td>
				<td><input type="text" name="author">
			</tr>
			<tr>
				<td>출판사</td>
				<td><input type="text" name="publisher">
			</tr>
			<tr>
				<td>가격</td>
				<td><input type="text" name="price">
			</tr>
			<tr>
				<td>입고일</td>
				<td><input type="date" name="date">
			</tr>

			<tr>
				<td>배송비</td>
				<td>유료 <input type="radio" name="kind" value="유료"> 
					무료 <input type="radio" name="kind" value="무료">
			</tr>
			<tr>
				<td>구입가능 서점</td>
				<td>교보문고 <input type="checkbox" name="bookstore" value="kyobo">
					알라딘 <input type="checkbox" name="bookstore" value="aladin">
					yes24 <input type="checkbox" name="bookstore" value="yes24">
					인터파크 <input type="checkbox" name="bookstore" value="interpark">
			</tr>
			<tr>
				<td>보유수량</td>
				<td><select name="count" id="count">
						<option value="선택">선택
						<option value="1">1
						<option value="2">2
						<option value="3">3
						<option value="4">4
						<option value="5">5
				</select></td>
			</tr>

		</table>
		<br> <input type="submit" value="전송" onclick="return inputCheck()"> 
		<input type="reset"	value="취소">
	</form>
</body>
</html> 
profile
Memory is the driving force of my life.

0개의 댓글