1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
2 <%
3 String path = request.getContextPath();
4 String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
5 + path + "/";
6 %>
7
8 <!doctype html>
9 <html lang="en">
10 <head>
11 <meta charset="UTF-8">
12 <meta name="viewport"
13 content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
14 <meta http-equiv="X-UA-Compatible" content="ie=edge">
15 <title>新增学员</title>
16 <link rel="stylesheet"
17 href="./vendor/simple-line-icons/css/simple-line-icons.css">
18 <link rel="stylesheet"
19 href="./vendor/font-awesome/css/fontawesome-all.min.css">
20 <link rel="stylesheet" href="./css/styles.css">
21 <script src="./vendor/jquery/jquery.min.js"></script>
22 <script src="./vendor/popper.js/popper.min.js"></script>
23 <script src="./vendor/bootstrap/js/bootstrap.min.js"></script>
24 <script src="./vendor/chart.js/chart.min.js"></script>
25 <script src="./js/carbon.js"></script>
26 <script src="./js/demo.js"></script>
27 <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
28 <script type="text/javascript">
29 function tijiao() {
30 var flag = true;
31
32
33 var p1 = /^[\u4e00-\u9fa5]{2,}$/;
34 if (p1.test($("#name").val())) {
35 $("#names").empty();
36 } else {
37 $("#names").html("姓名至少两个中文");
38 }
39
40 /* var p2 = /^\d+$/;
41 if(p2.test($("#pidx").val())){
42 $("#xuehao").empty();
43 }else{
44 $("#xuehao").html("学号必须是位数字");
45 } */
46
47 if($("#age").val()>17 && $("#age").val()<30){
48 $("#ages").html("");
49 }else{
50 $("#ages").html("年龄18~30之间");
51 }
52
53 if($("#team").val()!=""){
54 $("#s7").html("");
55 }else{
56 $("#s7").html("小组必选")
57 }
58
59 if($("#add").val()!=""){
60 $("#s8").html("");
61 }else{
62 $("#s8").html("地址必填")
63 }
64
65 if (!$(":radio:checked").length > 0) {
66 $("#sex").html("<font color='red'>性别必选</font>");
67 } else {
68 $("#sex").html("");
69 }
70
71 $(".tishi").each(function(){
72 if($(this).html()!=""){
73 flag = false;
74 }
75 });
76
77 if (flag) {
78 var num = $("#myform").serialize();
79 $.ajax({
80 url : "StudentAddServlet",
81 type : "post",
82 data : num, //参数
83 dataType : "text",
84 success : function(data) {
85 if (data > 0) {
86 alert("添加成功");
87 location.href = "studentShow.jsp";
88 } else {
89 alert("添加失败");
90 }
91 }
92 })
93 }
94
95
96 }
97 //查id
98 $(function() {
99 $.ajax({
100 url : "SelectCityServlet",
101 type : "post",
102 data : {
103 cid : 1
104 },
105 dataType : "json",
106 success : function(data) {
107 $.each(data, function(i, val) {
108 $("#sheng").append("<option value='" + this.id + "'>" + this.cityname + "</option>")
109 })
110 }
111 })
112 });
113
114
115 //2级联动
116 function ChooseCity(id) {
117 if (id != "") {
118 $.ajax({
119 url : "SelectCityServlet",
120 data : {
121 cid : id
122 },
123 dataType : "json",
124 success : function(data) {
125 //清空之前的城市信息
126 $("#opt1").siblings().remove();
127 //添加城市信息
128 $.each(data, function(i, val) {
129 $("#shi").append("<option value='" + this.id + "'>" + this.cityname + "</option>")
130 })
131 }
132 })
133 } else {
134 //清理之前的城市信息
135 $("#opt1").siblings().remove();
136 //清理之前的区 县信息
137 $("#opt2").siblings().remove();
138 }
139 }
140 //3ji
141 function ChooseQu(id) {
142 if (id != "") {
143 $.ajax({
144 url : "SelectCityServlet",
145 data : {
146 cid : id
147 },
148 dataType : "json",
149 success : function(data) {
150 //先清理之前的区县信息
151 $("#opt2").siblings().remove();
152 //添加区 信息
153 //添加城市信息
154 $.each(data, function(i, val) {
155 $("#xian").append("<option value='" + this.id + "'>" + this.cityname + "</option>")
156 })
157 }
158 })
159 } else {
160 //清理之前的区、县信息
161 $("#opt2").siblings().remove();
162 }
163 }
164
165 function getAdd() {
166 var pro = $("#sheng option:selected").text();
167 var city = $("#shi option:selected").text();
168 var qu = $("#xian option:selected").text();
169 $("#add").val(pro + "" + city + "" + qu);
170 }
171
172 </script>
173 <style type="text/css">
174 span{
175 color: red;
176 }
177 </style>
178 </head>
179 <body class="sidebar-fixed header-fixed">
180 <div class="page-wrapper">
181 <div class="page-header">
182 <nav class="navbar page-header">
183 <a href="#"
184 class="btn btn-link sidebar-mobile-toggle d-md-none mr-auto"> <i
185 class="fa fa-bars"></i>
186 </a> <a class="navbar-brand" href="#"> <img src="./imgs/logo.png"
187 alt="logo">
188 </a> <a href="#" class="btn btn-link sidebar-toggle d-md-down-none">
189 <i class="fa fa-bars"></i>
190 </a>
191
192 <ul class="navbar-nav ml-auto">
193 <li class="nav-item d-md-down-none"><a href="#"> <i
194 class="fa fa-bell"></i> <span
195 class="badge badge-pill badge-danger">0</span>
196 </a></li>
197
198 <li class="nav-item d-md-down-none"><a href="#"> <i
199 class="fa fa-envelope-open"></i> <span
200 class="badge badge-pill badge-danger">0</span>
201 </a></li>
202
203 <li class="nav-item dropdown"><a
204 class="nav-link dropdown-toggle" href="#" role="button"
205 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
206 <img src="./imgs/avatar-1.png" class="avatar avatar-sm"
207 alt="logo"> <span class="small ml-1 d-md-down-none">${cookie.name.value}</span>
208 </a>
209
210 <div class="dropdown-menu dropdown-menu-right">
211 <div class="dropdown-header">账户</div>
212
213 <a href="login.jsp" class="dropdown-item"> <i
214 class="fa fa-user"></i> 切换用户
215 </a> <a href="#" class="dropdown-item"> <i class="fa fa-envelope"></i>
216 留言内容
217 </a>
218
219 <div class="dropdown-header">设定</div>
220
221 <a href="#" class="dropdown-item"> <i class="fa fa-bell"></i>
222 通知事项
223 </a> <a href="#" class="dropdown-item"> <i class="fa fa-wrench"></i>
224 设置
225 </a> <a href="#" class="dropdown-item"> <i class="fa fa-lock"></i>
226 登出
227 </a>
228 </div></li>
229 </ul>
230 </nav>
231 </div>
232 <!-- <div class="main-container"> -->
233 <div class="sidebar">
234 <nav class="sidebar-nav">
235 <ul class="nav">
236 <li class="nav-title">导航</li>
237
238 <li class="nav-item"><a href="index.jsp" class="nav-link">
239 <i class="icon icon-speedometer"></i> 首页
240 </a></li>
241
242 <li class="nav-item nav-dropdown"><a href="#"
243 class="nav-link nav-dropdown-toggle"> <i
244 class="icon icon-target"></i> 学员信息 <i class="fa fa-caret-left"></i>
245 </a>
246
247 <ul class="nav-dropdown-items">
248 <li class="nav-item"><a href="studentShow.jsp"
249 class="nav-link"> <i class="icon"></i> 学员列表
250 </a></li>
251
252 <li class="nav-item"><a href="addtable.jsp"
253 class="nav-link active"> <i class="icon"></i> 学员加入
254 </a></li>
255
256 <li class="nav-item"><a href="studentdel.jsp"
257 class="nav-link"> <i class="icon"></i> 学员离开
258 </a></li>
259
260 <li class="nav-item"><a href="studentxiu.jsp"
261 class="nav-link"> <i class="icon"></i> 学员信息修改
262 </a></li>
263 </ul></li>
264
265
266 <li class="nav-item nav-dropdown"><a href="#"
267 class="nav-link nav-dropdown-toggle"> <i
268 class="icon icon-energy"></i> 学员状态 <i class="fa fa-caret-left"></i>
269 </a>
270
271 <ul class="nav-dropdown-items">
272 <li class="nav-item"><a href="state_show.jsp"
273 class="nav-link"> <i class="icon"></i> 状态列表
274 </a></li>
275
276 <li class="nav-item"><a href="state.jsp" class="nav-link">
277 <i class="icon"></i> 状态更改
278 </a></li>
279 </ul></li>
280
281
282 <li class="nav-item nav-dropdown"><a href="#"
283 class="nav-link nav-dropdown-toggle"> <i
284 class="icon icon-graph"></i> 学员成绩 <i class="fa fa-caret-left"></i>
285 </a>
286
287 <ul class="nav-dropdown-items">
288 <li class="nav-item"><a href="tablesone.jsp"
289 class="nav-link"> <i class="icon"></i> 今日成绩
290 </a></li>
291 </ul>
292 <ul class="nav-dropdown-items">
293 <li class="nav-item"><a href="tablestwo.jsp"
294 class="nav-link"> <i class="icon"></i> 往日成绩
295 </a></li>
296 </ul>
297 </li>
298 </ul>
299 </nav>
300 </div>
301 <div class="content">
302 <form action="" method="post" id="myform">
303 <div class="container-fluid">
304 <div class="row">
305
306 <div class="col-md-10">
307 <div class="card">
308 <div class="card-header bg-light">新增学员</div>
309
310 <div class="card-body">
311 <div class="row mb-5">
312 <div class="col-md-4 mb-4">
313 <div>基本信息</div>
314 </div>
315
316 <div class="col-md-8">
317 <div class="row">
318 <div class="col-md-6">
319 <div class="form-group">
320 <label class="form-control-label">新学生学号</label> <input
321 type="text" name="pid" id="pid" class="form-control">
322 <span id=xuehao class="tishi"></span>
323 </div>
324 </div>
325
326 <div class="col-md-6">
327 <div class="form-group">
328 <label class="form-control-label">新学生姓名</label> <input
329 type="text" name="name" id="name" class="form-control">
330 <span id="names" class="tishi"></span>
331 </div>
332 </div>
333 </div>
334
335 <div class="row">
336 <div class="col-md-6">
337 <div class="form-group">
338 新学生性别:<input type="radio" name="sex" value="男">男 <input
339 type="radio" name="sex" value="女">女
340 <span id="sex" class="tishi"></span>
341 </div>
342 </div>
343 </div>
344
345 <div class="row">
346 <div class="col-md-6">
347 <div class="form-group">
348 <label class="form-control-label">新学生年龄</label> <input
349 type="text" name="age" id="age" class="form-control">
350 <span id="ages" class="tishi"></span>
351 </div>
352 </div>
353 <div class="col-md-6">
354
355 <div class="form-group">
356 <label for="single-select">新学员小组</label> <select id="team"
357 name="team" class="form-control">
358 <option value="">请选择小组</option>
359 <option value="1">1</option>
360 <option value="2">2</option>
361 <option value="3">3</option>
362 <option value="4">4</option>
363 </select>
364 <span id=s7 class="tishi"></span>
365 </div>
366 </div>
367 </div>
368 </div>
369 </div>
370
371 <hr>
372
373 <div class="row mt-5">
374 <div class="col-md-4 mb-4">
375 <div>家庭住址</div>
376 </div>
377
378 <div class="col-md-8">
379 <div class="form-group">
380 <label class="form-control-label"></label><br>省份<select
381 id="sheng" class="form-control" onchange="ChooseCity(this.value)">
382 <option value="">请选择省份</option>
383 </select> 城市<select class="form-control" id="shi" onchange="ChooseQu(this.value)">
384 <option value="" id="opt1">请选择城市</option>
385 </select> 区县<select class="form-control" id="xian" onchange="getAdd()">
386 <option value="" id="opt2">请选择区县</option>
387 </select>
388 <span id=s8 class="tishi"></span>
389 <input type="hidden" name="add" id="add" value="">
390 </div>
391 </div>
392 </div>
393 </div>
394 <div class="card-footer bg-light text-right">
395 <input type="button" onclick="tijiao()" class="btn btn-primary"
396 value="提交">
397 </div>
398 </div>
399 </div>
400 </div>
401 </div>
402 </form>
403 </div>
404 </div>
405
406
407
408 </body>
409 </html>
浙公网安备 33010602011771号