注冊頁面：
<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>注冊頁面</title> <script src="jquery-3.3.1.min.js"></script></head><body><!-- <span style="color:red">* --><form id="f" action="jsp-01.jsp" accept="post"><p>賬號：<input type="text" name="usename" placeholder="請輸入登錄賬號"><spanstyle="color: red">*</span><p /><p>密碼：<input type="password" name="pass" placeholder="請輸入密碼"><spanstyle="color: red">*</span><p /><p>郵箱：<input type="text" name="email" placeholder="請輸入郵箱"><spanstyle="color: red">*</span><p /><p>電話：<input type="text" name="dhua" placeholder="電話號碼"><spanstyle="color: red">*</span><p /><p>性別：<input type="radio" name="sex" value="男">男<inputtype="radio" name="sex" value="女">女<p /><p>身份證：<input type="text" name="shengfeng" placeholder="請輸入身份證"><p /><p>興趣愛好：<input type="checkbox" name="doupass" value="籃球">籃球 <inputtype="checkbox" name="doupass" value="音樂">音樂 <inputtype="checkbox" name="doupass" value="游戲">游戲 <inputtype="checkbox" name="doupass" value="電影">電影<p /><p><input type="reset"> <input type="submit"><p /></form><script>$(function() {/*電話驗證驗證*/$("[name='dhua']").on("input", function() {var dhua_value = $(this).val();var dhua = /^\0?(13|14|15|18|17)[0-9]{9}$/if (dhua.test(dhua_value) == false) {$(this).next().html("×電話格式不正確").css("color", "red")} else {$(this).next().html("√").css("color", "green")}})/*郵箱驗證*/var reg = /^\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}$/$("[name='email']").on("input", function() {var email_value = $(this).val();if (reg.test(email_value) == false) {$(this).next().html("×郵箱格式不正確").css("color", "red")} else {$(this).next().html("√").css("color", "green")}})/*賬號驗證*/$("[name='usename']").on("input", function() {var usenamel_value = $(this).val();if (usenamel_value == null || usenamel_value == "") {$(this).next().html("×賬號不能為空").css("color", "red")} else {$(this).next().html("√").css("color", "green")}})/*密碼驗證*/$("[name='pass']").on("input", function() {var userpass_value = $(this).val();if (userpass_value == null || userpass_value == "") {$(this).next().html("×密碼不能為空").css("color", "red")} else if (userpass_value.length<6||userpass_value.length>16) {$(this).next().html("×密碼長度必須是6-16位").css("color", "red")} else {$(this).next().html("√").css("color", "green")}})/*身份證驗證*/$("[name='shengfeng']").on("input", function() {var idcard_value = $(this).val();var reg = /^\d{17}[\d|x]$/if (reg.test(idcard_value) == false) {$(this).next().html("×身份證號格式錯誤").css("color", "red")} else {$(this).next().html("√").css("color", "green")}})$("#f").submit(function() {var email_yanzheng = $("[name='email']").next().html()var userpass_yanzheng = $("[name='pass']").next().html()var dhua = $("[name='dhua']").next().html()var shen = $("[name='shengfeng']").next().html()var zh = $("[name='usename']").next().html()if (email_yanzheng == "√" && userpass_yanzheng == "√"&& zh == "√") {return true;} else {return false;}})})</script></body> </html>
登錄成功代碼：
<%@ 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> <body><%String usename = request.getParameter("usename");String pass = request.getParameter("pass");String email = request.getParameter("email");String dhua = request.getParameter("dhua");String sex = request.getParameter("sex");String shengfeng = request.getParameter("shengfeng");String[] doupass = request.getParameterValues("doupass");%><p>賬號：<%out.print(usename);%><p /><p>密碼：<%out.print(pass);%><p /><p>郵箱：<%out.print(email);%><p /><p>電話：<%out.print(dhua);%><p /><p>性別：<%out.print(sex);%><p /><p>身份證：<%out.print(shengfeng);%><p /><%if (doupass != null) {%><p>興趣愛好：<%for (int i = 0; i < doupass.length; i++) {out.print(doupass[i]+"\t\t,");}}%><p /></body> </html>
結果圖：
六年級上冊數學家庭作業人教版答案。
?
