本文实例为大家分享了javaweb实现注册登录页面的具体代码，供大家参考，具体内容如下
|
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
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" import="java.util.*"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script> function submit() { var s; s=login.user; if(s.value=="") {alert("用户名是不能为空,注册失败");} s.focus(); } function check(t) { var p1,p2; p1=login.paw.value; p2=login.paww.value; if(p1!=p2) alert("两次密码不一致,请确认密码"); } function checkcode() { var s; s=1000+Math.floor(Math.random()*9000); return s; } var num; function scanfin() { var s; s=document.getElementById("k"); if(parseInt(s.value)!=num) alert("验证码输入错误,请重新输入!"); } function product() { s=1000+Math.floor(Math.random()*9000); num=s; var v=document.getElementById("code"); v.innerHTML=num; } </script> </head> <body><table align="center" border="2" width="400" > <form name="login" action="http://localhost:8080/LYX/demo1.html"> <tr> <td bgcolor="#FF6666" colspan="2" align=center><b>注册 </b></td> </tr> <tr bgcolor=#FFCCCC> <td>用户名</td> <td><input type="text" name="user"></td> </tr> <tr bgcolor=#FFCCCC> <td>学号</td> <td><input type="text" name="usernode"></td> </tr> <tr bgcolor=#FFCCCC> <td>密码</td> <td><input type="password" name="paw"></td> </tr> <tr bgcolor=#FFCCCC> <td>确认密码</td> <td><input type="password" name="paww" onblur="check(this)"></td> </tr> <tr bgcolor=#FFCCCC> <td>性别</td> <td> <input type="radio" name="sex" value="1" checked>男 <input type="radio" name="sex" value="2" >女 </td> </tr> <tr bgcolor=#FFCCCC><td>学院</td> <td><select name="s1"><option value="1" selected>信息学院</option> <option value="2">经管学院</option> <option value="3">机电学院</option> <option value="4">交通学院</option> <option value="5">林学院</option> <option value="6">理学院</option> </select> <select name="s2"><option value="1" selected>计算机专业</option> <option value="2">软件专业</option> <option value="3">信管专业</option> <option value="4">园林专业</option> </select> <select name="s2"><option value="1" selected>1班</option> <option value="2">2班</option> <option value="3">3班</option> <option value="4">4班</option> <option value="5">5班</option> <option value="6">6班</option> </select> </td> <tr bgcolor=#FFCCCC><td>爱好</td><td><input type="checkbox" name="hb1" value="hobby">游泳 <input type="checkbox" name="hb2" value="ms">音乐<input type="checkbox" name="hb3" value="tor">旅游</td> </tr> <tr bgcolor=#FFCCCC><td>请提交自己的照片</td><td colspan="2"><input type="file" name="f1" /></td> </tr> <tr bgcolor=#FFCCCC><td>验证码<td> <span id="code" > <script> num=checkcode(); document.write(num); </script> </span> <input type="text" name="yzm" size="10" id="k" onblur="scanfin()"> <input type="button" value="看不清楚" onclick="product()" > <tr> <td colspan="2" align="center"><input type="button" value="提交" onclick="submit()" /> <input type="reset" value="重置" /><% %> </td> </tr> </form></body></html> |
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持服务器之家。
原文链接：https://blog.csdn.net/qq_37486501/article/details/80789587
