Jsp - 회원가입전송
2020. 6. 17. 12:10ㆍJsp
|
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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
|
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function check() {
if(document.fr.id.value==0){
alert("아이디를 입력하세요.");
document.fr.id.focus();
return;
}
if(document.fr.pass.value==0){
alert("비밀번호를 입력하세요.");
document.fr.pass.focus();
return;
}
if(document.fr.name.value==0){
alert("이름을 입력하세요.");
document.fr.name.focus();
return;
}
if(document.fr.gender[0].checked==false&&document.fr.gender[1].checked==false){
alert("성별을 체크하세요.");
document.fr.gender[0].focus();
return;
}
if(document.fr.hobby[0].checked==false&&document.fr.hobby[1].checked==false&&document.fr.hobby[2].checked==false){
alert("취미를 체크하세요.");
document.fr.hobby[0].focus();
return;
}
if(document.fr.grade[0].selected==true){
alert("회원등급을 선택하세요.");
document.fr.grade.focus();
return;
}
if(document.fr.intro.value==0){
alert("자기소개를 입력하세요.");
document.fr.intro.focus();
return;
}
document.fr.submit();
}
function check2() {
if(document.getElementById('idd').value==""){
alert("아이디를 입력하세요.");
document.fr.id.focus();
return false;
}
// if(document.fr.id.value==0){
// alert("아이디를 입력하세요.");
// document.fr.id.focus();
// return false;
// }
if(document.getElementById("pas").value==""){
alert("비밀번호를 입력하세요.");
document.fr.pass.focus();
return false;
}
// if(document.fr.pass.value==0){
// alert("비밀번호를 입력하세요.");
// document.fr.pass.focus();
// return false;
// }
if(document.fr.name.value==0){
alert("이름을 입력하세요.");
document.fr.name.focus();
return false;
}
if(document.fr.gender[0].checked==false&&document.fr.gender[1].checked==false){
alert("성별을 체크하세요.");
document.fr.gender[0].focus();
return false;
}
if(document.fr.hobby[0].checked==false&&document.fr.hobby[1].checked==false&&document.fr.hobby[2].checked==false){
alert("취미를 체크하세요.");
document.fr.hobby[0].focus();
return false;
}
if(document.fr.grade[0].selected==true){
alert("회원등급을 선택하세요.");
document.fr.grade.focus();
return false;
}
if(document.fr.intro.value==0){
alert("자기소개를 입력하세요.");
document.fr.intro.focus();
return false;
}
document.fr.submit();
}
</script>
</head>
<body>
<h1>js3/test7.html</h1>
<form action="a.jsp" method="get" name="fr" onsubmit="return check2()">
아이디 : <input type="text" name="id" id="idd"><br>
비밀번호 : <input type="password" name="pass" id="pas"><br>
이름 : <input type="text" name="name"><br>
성별 : <input type="radio" name="gender" value="남">남자
<input type="radio" name="gender" value="여">여자<br>
취미 : <input type="checkbox" name="hobby" value="여행">여행
<input type="checkbox" name="hobby" value="게임">게임
<input type="checkbox" name="hobby" value="독서">독서<br>
<!-- <select name="sel" multiple="multiple" size="3"></select> -->
회원등급 :<select name="grade">
<option value="">회원등급선택하세요</option>
<option value="1">1등급</option>
<option value="2">2등급</option>
<option value="3">3등급</option>
</select><br>
자기소개 : <textarea name="intro" rows="10" cols="20"></textarea><br>
<input type="button" value="회원가입" onclick="check()">
<input type="submit" value="회원가입전송">
</form>
</body>
</html>
|
cs |
창에서 입력 가능한 곳에 입력이 안됐을 시에 메시지를 띄우고 포커스를 맞추고 다 채웠기에
전송이 가능하게 만들어 보았다. 생각보다는 쉽게 느껴졌는데 수업에 흥미를 느껴 집중을 잘해서 그런 것 같다.
여기서 더 추가하고 발전이 가능하게 되면 게시판도 만들 수 있을 거 같고 많은 걸 할 수 있을 것 같다.
'Jsp' 카테고리의 다른 글
| Jsp - session (0) | 2020.06.27 |
|---|---|
| Jsp - request,response (0) | 2020.06.27 |
| Jsp - 회원가입창 (0) | 2020.06.16 |
| Jsp - 버튼제어3 (0) | 2020.06.16 |
| Jsp - 버튼제어2 (0) | 2020.06.16 |