-
자바스크립트에서 객체 접근방식
-
BOM: 브라우저에서 오브젝이 표현되는 방식
-
DOM: 도큐먼트, HTML 트리구조 (id)로 접근
-
요즘에는 자바스크립트와 관련된 파일들의 라이브러리 모임=jquery로도 많이 접근
-
이름, 학번이 빈칸일 경우 오류메시지 띄우기
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
|
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
function check(){
if(document.getElementById("name").value==""){
alert("이름을 입력하세요");
return;
}
if(document.getElementById("studentNum").value==""){
alert("학번을 입력하세요");
return;
}
frm.submit(); //직접 submit()이라는 메소드를 호출. 액션을 들고 가줌
}
</script>
</head>
<body>
<form action="output.jsp" method="post" name="frm">
<!--method="post"하면 선택된 값들이 주소창에 안보임--> <!--method="get"하면 주소창에 선택값들이 표시됨 -->
이름: <input type="text" name="name" id="name"><br> <!-- DOM방식은 id로 접근 -->
학번: <input type="text" name="studentNum" id="studentNum"><br>
성별:
<!--
<input type="radio" name="gender" value="man" checked>남자
<input type="radio" name="gender" value="woman">여자<br>
-->
<input type="radio" name="gender" value="man" checked id="man">
<label for="man">남자</label> <!-- id, label을 이용하여 글자를 클릭해도 선택됨 -->
<input type="radio" name="gender" value="woman" checked id="woman">
<label for="woman">여자</label><br>
전공:
<select name="major">
<option value="국문학과" selected>국문학과</option>
<option value="영문학과">영문학과</option>
<option value="수학과" >수학과</option>
<option value="정치학과">정치학과</option>
<option value="체육학과">체육학과</option>
</select>
<br>
취미<br>
<input type="checkbox" name="hobby" value="운동">운동
<input type="checkbox" name="hobby" value="운동1">운동1
<input type="checkbox" name="hobby" value="운동2">운동2
<input type="checkbox" name="hobby" value="운동3">운동3
<input type="checkbox" name="hobby" value="운동4">운동4 <br>
<input type="button" value="보내기" onclick="check()">
<!-- submit=form안에 있는 값들을 들고 액션한테 가라는 뜻. 그전에 검사하기-->
<!-- button=모양만 버튼. 아무 역할이 없음. 그래서 뒤에 onclick="check()"-->
<input type="reset" value="취소">
</form>
</body>
</html>
|
cs |
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<%
request.setCharacterEncoding("utf-8"); //method가 post라도 한글이 안깨짐
String[] hobby=request.getParameterValues("hobby");
%>
<body>
결과 <hr>
이름: <%=request.getParameter("name") %><br>
학번: <%=request.getParameter("studentNum") %><br>
성별: <%=request.getParameter("gender") %><br>
전공: <%=request.getParameter("major")%><br>
<%
String str="";
if(hobby!=null){
for(int i=0;i<hobby.length;i++){
str+=hobby[i]+" ";
}
}
%>
취미: <%=str%>
</body>
</html>
|
cs |
'Learning > JSP' 카테고리의 다른 글
| 캘린더 함수를 이용하여 오늘 날짜 출력하기 (0) | 2020.07.09 |
|---|---|
| 이름, 국어, 영어, 수학 점수가 빈칸일 경우 오류 메시지 띄우기 (0) | 2020.07.09 |
| JSP로 테이블 폼 구현 (0) | 2020.07.09 |
| input.jsp와 output.jsp를 이용하여 이름, 학번, 성별, 전공 출력 (0) | 2020.07.08 |
| score.jsp와 scoreResult.jsp를 이용하여 성적과 총점, 평균, 학점 출력 (0) | 2020.07.08 |
