表单提交失败时的错误回显(提示用户并回显用户名等)

阅读: 评论:0

表单提交失败时的错误回显(提示用户并回显用户名等)

表单提交失败时的错误回显(提示用户并回显用户名等)


如上,提交表单时,会提示用户错误信息,并将他刚刚输入的用户名和电子邮件回传,这样用户只用重新输入密码这些就可!

怎么做呢?

  1. 这个是注册页面,所以在他对应的loginServlet里面,把回显的信息保存在Requset域中。
//把回显信息,保存在Request域中request.setAttribute("msg", "用户名已经存在!");request.setAttribute("username", username);request.setAttribute("email", email);
	//把回显信息,保存在Request域中request.setAttribute("msg", "验证码错误!");request.setAttribute("username", username);request.setAttribute("email", email);

完整是这样的:👇👇(不能只看片段)

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//获取请求的参数String username = Parameter("username");String password = Parameter("password");String email = Parameter("email");String code = Parameter("code");//检查验证码是否正确(这里先写死,要求验证码为abcde)if ("abcde".equalsIgnoreCase(code)) {if (istsUsername(username)) {System.out.println("用户名["+username+"]已经存在!");//把回显信息,保存在Request域中request.setAttribute("msg", "用户名已经存在!");request.setAttribute("username", username);request.setAttribute("email", email);RequestDispatcher("/pages/user/regist.jsp").forward(request, response);}else {istUser(new User(null,username,password,email));RequestDispatcher("/pages/user/regist_success.jsp").forward(request, response);}}else {//把回显信息,保存在Request域中request.setAttribute("msg", "验证码错误!");request.setAttribute("username", username);request.setAttribute("email", email);System.out.println("验证码["+code+"]错误");RequestDispatcher("/pages/user/regist.jsp").forward(request, response);//错误的话跳转到注册页面}}}
  1. 来到login.jsp页面
    1⃣️添加span标签,这里是回显“用户名已存在!”这个信息,一开始用户还没有输入的时候(null)就不用回显,所以显示“”空串。有了之后回显Attribute(“msg”)。如下:
<span class="errorMsg"><%&#Attribute("msg")==null?"":Attribute("msg") %>
</span>

2⃣️在用户提交后回显的内容这样写:主要是value部分:

<label>用户名称:</label>
<input class="itxt" type="text" value="<%&#Attribute("username")==null?"":Attribute("username") %>" name="username" id="username" />
<label>电子邮件:</label>
<input class="itxt" type="text" value="<%&#Attribute("email")==null?"":Attribute("email") %>" name="email" id="email" />

以上,完成。

本文发布于:2024-01-31 12:37:36,感谢您对本站的认可!

本文链接:https://www.4u4v.net/it/170667585428571.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:表单   用户名   错误   提示   用户
留言与评论(共有 0 条评论)
   
验证码:

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23