-
Notifications
You must be signed in to change notification settings - Fork 0
/
member.html
301 lines (270 loc) · 13 KB
/
member.html
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
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>이근선_현대캐스퍼 CASPER</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"
integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="shortcut icon" type="image/x-icon" sizes="40x40" href="./images/favicon.png" />
<link rel="stylesheet" href="./css/style.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.1/jquery.min.js"
integrity="sha512-BkBgWiL0N/EFIbLZYGTgbksKG5bS6PtwnWvVk3gccv+KhtK/4wkLxCRGh+kelKiXx7Ey4jfTabLg3AEIPC7ENA=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="./js/common.js"></script>
<script language="javascript">
function validate() {
var re = /^[a-zA-Z0-9]{4,12}$/ // 아이디와 패스워드가 적합한지 검사할 정규식
var re2 = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i;
// 이메일이 적합한지 검사할 정규식
var id = document.getElementById("id");
var pw = document.getElementById("pw");
var email = document.getElementById("email");
var num1 = document.getElementById("num1");
var num2 = document.getElementById("num2");
var arrNum1 = new Array(); // 주민번호 앞자리숫자 6개를 담을 배열
var arrNum2 = new Array(); // 주민번호 뒷자리숫자 7개를 담을 배열
// ------------ 이메일 까지 -----------
if (join.name.value == "") {
alert("이름을 입력해 주세요");
join.name.focus();
return false;
}
// -------------- 주민번호 -------------
for (var i = 0; i < num1.value.length; i++) {
arrNum1[i] = num1.value.charAt(i);
} // 주민번호 앞자리를 배열에 순서대로 담는다.
for (var i = 0; i < num2.value.length; i++) {
arrNum2[i] = num2.value.charAt(i);
} // 주민번호 뒷자리를 배열에 순서대로 담는다.
var tempSum = 0;
for (var i = 0; i < num1.value.length; i++) {
tempSum += arrNum1[i] * (2 + i);
} // 주민번호 검사방법을 적용하여 앞 번호를 모두 계산하여 더함
for (var i = 0; i < num2.value.length - 1; i++) {
if (i >= 2) {
tempSum += arrNum2[i] * i;
} else {
tempSum += arrNum2[i] * (8 + i);
}
} // 같은방식으로 앞 번호 계산한것의 합에 뒷번호 계산한것을 모두 더함
if ((11 - (tempSum % 11)) % 10 != arrNum2[6]) {
alert("올바른 주민번호가 아닙니다.");
num1.value = "";
num2.value = "";
num1.focus();
return false;
} else {
// ------------ 생일 자동 등록 -----------
if (arrNum2[0] == 1 || arrNum2[0] == 2) {
var y = parseInt(num1.value.substring(0, 2));
var m = parseInt(num1.value.substring(2, 4));
var d = parseInt(num1.value.substring(4, 6));
join.years.value = 1900 + y;
join.month.value = m;
join.day.value = d;
} else if (arrNum2[0] == 3 || arrNum2[0] == 4) {
var y = parseInt(num1.value.substring(0, 2));
var m = parseInt(num1.value.substring(2, 4));
var d = parseInt(num1.value.substring(4, 6));
join.years.value == 2000 + y;
join.month.value = m;
join.day.value = d;
}
}
if (email.value == "") {
alert("이메일을 입력해 주세요");
email.focus();
return false;
}
if (!check(re2, email, "적합하지 않은 이메일 형식입니다.")) {
return false;
}
if (!check(re, id, "아이디는 4~12자의 영문 대소문자와 숫자로만 입력")) {
return false;
}
if (!check(re, pw, "패스워드는 4~12자의 영문 대소문자와 숫자로만 입력")) {
return false;
}
if (join.pw.value != join.checkpw.value) {
alert("비밀번호가 다릅니다. 다시 확인해 주세요.");
join.checkpw.value = "";
join.checkpw.focus();
return false;
}
// 관심분야, 자기소개 미입력시 하라는 메시지 출력
if (join.inter[0].checked == false &&
join.inter[1].checked == false &&
join.inter[2].checked == false &&
join.inter[3].checked == false &&
join.inter[4].checked == false) {
alert("관심분야를 골라주세요");
return false;
}
if (join.self.value == "") {
alert("자기소개를 적어주세요");
join.self.focus();
return false;
}
alert("회원가입이 완료되었습니다.");
}
function check(re, what, message) {
if (re.test(what.value)) {
return true;
}
alert(message);
what.value = "";
what.focus();
//return false;
}
</script>
</head>
<body>
<div id="wrap">
<header>
<h1 class="logo"><a href="./index.html"><img src="./images/logo.png" alt="로고"></a></h1>
<nav class="gnb">
<ul>
<li>
<a href="#">소개</a>
<ul class="sub">
<li><a href="#">캐스퍼</a></li>
<li><a href="#">캐스퍼 VAN</a></li>
<li><a href="#">디지털 쇼룸</a></li>
<li><a href="#">영상</a></li>
<li><a href="#">제원</a></li>
<li><a href="#">가격</a></li>
<li><a href="#">모델비교</a></li>
</ul>
</li>
<li>
<a href="#">체험</a>
<ul class="sub">
<li><a href="#">전시/시승 안내</a></li>
<li><a href="#">시승신청</a></li>
</ul>
</li>
<li>
<a href="#">구매</a>
<ul class="sub">
<li><a href="#">견적/계약</a></li>
<li><a href="#">빠른 출고차</a></li>
<li><a href="#">구매혜택</a></li>
<li><a href="#" class="long_txt">H Genuine<br>Accessories</a></li>
</ul>
</li>
<li>
<a href="#">고객 지원</a>
<ul class="sub">
<li><a href="#">캐스퍼 구매안내</a></li>
<li><a href="#">구매 상담 지원</a></li>
<li><a href="#">공지사항</a></li>
</ul>
</li>
</ul>
</nav>
<ul class="icon_box">
<li><a href="#"><i class="fa-solid fa-circle-user"></i></a></li>
<li><a href="#"><i class="fa-solid fa-bell"></i></a></li>
<li><button>
<i class="fa-solid fa-bars ham open"></i>
<i class="fa-solid fa-rectangle-xmark ham close"></i>
</button></li>
</ul>
</header>
<div class="hd_bg"></div>
<!-- header -->
<div id="sub">
<section class="sub_top">
<h2 class="gs_b c_white">회원가입</h2>
</section>
<div class="inner">
<form name="join" onsubmit="return validate();" action="https://casper.hyundai.com/" method="post"
enctype="text/plain">
<table class="basic">
<tr>
<th>이름:</th>
<td><input type="text" style="width:170px" name="name" maxlength="12" /></td>
</tr>
<tr>
<th>주민등록번호:</th>
<td><input type="text" name="num1" id="num1" size="10" maxlength="6">-</input>
<input type="password" name="num2" id="num2" size="10" maxlength="7"></input>
</td>
</tr>
<tr>
<th>생일:</th>
<td>
<input type="text" style="width:60px" id="years" readonly />년
<input type="text" style="width:30px" id="month" readonly />월
<input type="text" style="width:30px" id="day" readonly />일
<br>※주민등록번호 입력시 자동입력됩니다.
</td>
</tr>
<tr>
<th>메일주소:</th>
<td><input type="text" style="width:170px" id="email" />
<br>ex)wjdxo513@naver.com</td>
</tr>
<tr>
<th>아이디</th>
<td><input type="text"></td>
</tr>
<tr>
<th>비밀번호:</th>
<td><input type="password" style="width:170px" id="pw" maxlength="12" /> <br>※4-12자의 영문
대소문자와
숫자로만 입력</td>
</tr>
<tr>
<th>비밀번호 확인:</th>
<td><input type="password" style="width:170px" id="checkpw" maxlength="12" /></td>
</tr>
<tr>
<th>관심 차량:</th>
<td><input type="checkbox" name="inter" value="승용">승용</input>
<input type="checkbox" name="inter" value="SUV">SUV</input>
<input type="checkbox" name="inter" value="MPV">MPV</input>
<input type="checkbox" name="inter" value="수소/전기차">수소/전기차</input>
<input type="checkbox" name="inter" value="소형상용/택시">소형상용/택시</input>
</td>
</tr>
<tr>
<th>자기소개:</th>
<td><textarea name="self" cols="24" rows="7"></textarea></td>
</tr>
</table>
<div class="btn_box">
<input type="submit" value="회원가입" />
<input type="reset" value="다시입력" />
</div>
</form>
</div>
<!-- .inner -->
</div>
<!-- #wrap -->
<footer>
<div class="inner">
<h1 class="ft_logo">
<img src="./images/hyundai_logo.png" alt="현대로고">
</h1>
<p class="txt_box">
<span>사업자등록번호 : 101-81-09147</span>
<span>통신판매업신고번호 : 2002-01546</span>
<span>대표이사 : 장재훈</span>
<span>캐스퍼 고객센터 : 080-500-6000</span>
<br>
<span>주소 : 서울시 서초구 헌릉로 12 호스팅서비스</span>
<span>제공 : 현대오토에버(주)</span>
<br>
<span>COPYRIGHT ⓒ HYUNDAI MOTOR COMPANY, ALL RIGHTS RESERVED.</span>
</p>
<a href="#" id="back-top" class="top_btn"><i class="fa-solid fa-circle-chevron-up"></i></a>
</div>
</footer>
</div>
<!-- #wrap -->
</body>
</html>