使用servlet在登录页面中显示密码错误消息

时间:2014-12-05 07:52:12

标签: java javascript html servlets

我想在“登录”页面的特定<div>中显示用户名或密码错误消息。

这是我的login.html代码。

<div class="wrapper">
            <form class="form-signin" method="POST" action="j_security_check">       
                <h2 class="form-signin-heading text-center" id="head">Login</h2>
                <input type="text" class="form-control"  id="txtuser" name="j_username" placeholder="Username" required="required" />
            <input type="password" class="form-control" id="txtuser" name="j_password" placeholder="Password" required="required"/>
            <div id="error"></div>  
                <button class="btn btn-lg btn-default btn-block login1" id="txtuser" type="submit"><span class="glyphicon glyphicon-log-in"></span> Login</button>   
            </form>
</div>

这是我的servlet代码

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

  response.setContentType("text/html");
  PrintWriter out = response.getWriter();

  RequestDispatcher rd=request.getRequestDispatcher("/login.html");

  out.println("<script>");
  out.println("document.getElementById('error').innerText=Sorry UserName or Password Error");
  out.println("</script>");

  rd.include(request, response);
}

该消息未显示在登录文件中的<div id="error">

4 个答案:

答案 0 :(得分:2)

我找到了答案。它正在运作

这是我的JSP

<%
String login_msg=(String)request.getAttribute("error");  
if(login_msg!=null)
out.println("<font color=red size=4px>"+login_msg+"</font>");
%>

这是我的Servlet

request.setAttribute("error","Invalid Username or Password");
RequestDispatcher rd=request.getRequestDispatcher("/login.jsp");            
rd.include(request, response);

答案 1 :(得分:1)

只需将请求中的错误消息设置为属性,并显示错误div,如果它不为空。

的Servlet

request.setAttribute("error","Invalid Username/password");

的Login.jsp:

使用JSTL和EL访问JSP中的请求属性。您可以使用<c:if>来测试错误消息。

<c:if test="${not empty requestScope.error}">
      <!-- Show the error div with message-->
</c:if>

使用隐式对象requestScope从请求范围中获取属性。


如果您只想使用HTML,请尝试使用它。 不是一个好方法但您可以为login.html和login_error.html创建两个单独的HTML页面,然后在出现任何错误时重定向到login_error.html。

request.getRequestDispatcher("/login_error.html");

答案 2 :(得分:1)

尝试一下:

request.getRequestDispatcher("signin.html").include(request, response);
out.println("<script>document.getElementById('error').innerHTML='Sorry UserName or Password'; </script>");

别忘了对字符串使用单引号。

答案 3 :(得分:1)

只需移动

rd.include(request, response);

在您的打印语句之前,它应该可以工作。是因为你想让脚本在定义div之后执行。