首页 > 代码库 > JavaWeb网上图书商城完整项目--day02-10.提交注册表单功能之页面实现

JavaWeb网上图书商城完整项目--day02-10.提交注册表单功能之页面实现

2024-09-21 06:48:50   208人阅读

1、当从服务器返回的注册错误信息的时候，我们在注册界面需要将错误信息显示出来

我们需要修改regist.jsp页面的代码：

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>注册</title>
<link  rel="stylesheet" type="text/css" href="<c:url value=http://www.mamicode.com/‘/jsps/css/user/regist.css‘/>">
<script type="text/javascript" src="<c:url value=http://www.mamicode.com/‘/jquery/jquery-1.5.1.js‘/>"></script>
<script type="text/javascript" src="<c:url value=http://www.mamicode.com/‘/jsps/js/user/regist.js‘/>"></script>
</head>
<body>
<div id="divMain">
<div id="divTitle"><span id="spanTitle">新用户注册</span></div>
<div id="divBoby">
<form action="/goods/UserServlet" method="post" id="registForm">
<input  type="hidden" name="method" value="regist"/>
<table id="tableForm">
<tr>
<td class="tdText">用户名：</td>
<td class="tdInput"><input class="inputClass" type="text" name ="loginname" id="loginname"/></td>
<td class="tdError"><label class="errorClass" id="loginnameError">${errors.loginname}</label></td>
</tr>

<tr>
<td class="tdText">登陆密码：</td>
<td class="tdInput"><input class="inputClass" type="password" name ="loginpass" id="loginpass"/></td>
<td class="tdError"><label class="errorClass" id="loginpassError">${errors.loginpass }</label></td>
</tr>

<tr>
<td class="tdText">确认密码：</td>
<td class="tdInput"><input class="inputClass" type="password" name ="reloginrepass" id="reloginrepass"/></td>
<td class="tdError"><label class="errorClass" id="reloginrepassError">${errors.reloginpass }</label></td>
</tr>

<tr>
<td class="tdText">Email：</td>
<td class="tdInput"><input class="inputClass" type="text" name ="email" id="email"/></td>
<td class="tdError"><label class="errorClass" id="emailError">${errors.email }</label></td>
</tr>

<tr>
<td class="tdText">图形验证码：</td>
<td class="tdInput"><input class="inputClass" type="text" name ="verifyCode" id="verifyCode"/></td>
<td class="tdError"><label class="errorClass" id="verifyCodeError">${errors.verifyCode }</label></td>
</tr>

<tr>
<td class="tdText"></td>
<td class="tdInput"><div id="divVerifyCode"><img id="imgVerifyCode" src="<c:url value=http://www.mamicode.com/‘/VerifyCodeServlet‘/>"></div></td>
<td class="tdError"><label ><a href="javascript:changeVerifyCode()">换一张</a></label></td>
</tr>


<tr>
<td class="tdText"></td>
<td class="tdInput"><input  type="image"  src="<c:url value=http://www.mamicode.com/‘/images/regist1.jpg‘/>" id="submitBtn"/></td>
<td class="tdError"><label></label></td>
</tr>


</table>
</form>
</div>
</div>
</body>
</html>

我们运行看看程序的代码：

 

JavaWeb网上图书商城完整项目--day02-10.提交注册表单功能之页面实现


联系
我们