드디어 코드를 화면에 보이게 올리는 방법을 알았습니다. ㅋㅋㅋ
근데 코드를 올리면 구현부분은 또 안나타나네요?ㅠㅠ 뭘 올려야할까요?
오늘 올린건 자바스크립트 도서 정보 입력 시험 본 부분입니다.
시험에서 제가 막혔던 부분은 보유수량 카운트 작성하는거 였어요.
그리고 배송비 유무랑 도서서점 여러개 체크하는거랑 하나만 체크하도록 하는 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>