{"id":82566,"date":"2020-09-18T09:00:33","date_gmt":"2020-09-18T03:30:33","guid":{"rendered":"https:\/\/data-flair.training\/blogs\/?p=82566"},"modified":"2021-08-25T13:47:01","modified_gmt":"2021-08-25T08:17:01","slug":"jsp-registration-form","status":"publish","type":"post","link":"https:\/\/data-flair.training\/blogs\/jsp-registration-form\/","title":{"rendered":"Login and Registration Form in JSP"},"content":{"rendered":"

This article discusses the development of login and registration programs in JSP and using MVC architecture. So let us learn how to make this form and proceed ahead.<\/p>\n

\"login<\/a><\/p>\n

1. Login and Logout Form in JSP<\/h3>\n

This example shows a login form in JSP. Here we take username and password from the user as two fields in the form. Then we have a submit button.
\nWhen we click on the submit button, we will receive a welcome message.
\nThere will be a logout option as well. By clicking on it, we will get redirected to the login page.<\/p>\n

The example is as below:<\/p>\n

login.jsp\r\n<html>\r\n<head>\r\n<title>Login Form<\/title>\r\n<\/head>\r\n<body>\r\n<h3> Login here <\/h3>\r\n<form action=\"user_login\" method=\"post\">\r\n<table style=\"width: 20%\">\r\n               \t<tr>\r\n               \t<td>UserName<\/td>\r\n                                  \t<td><input type=\"text\" name=\"username\" \/><\/td>\r\n               \t      \t<\/tr>\r\n                                  \t<tr>\r\n                                  \t<td>Password<\/td>\r\n                                  \t<td><input type=\"password\" name=\"password\" \/><\/td>\r\n                         \t<\/tr>\r\n               \t<\/table>\r\n               \t<input type=\"submit\" value=\"Login\" \/><\/form>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n
Explanation of the code:<\/strong><\/p>\n
This is the main login page. This form transfers action to servlet user_login. The method of passing info is posted. It takes two parameters from the user. They’re username and password. There is a submit button with the value as login. On clicking it, the information will go to user_login where these values are taken into a request object.<\/p>\n
user_login.java(servlet)\r\npackage demotest;\r\nimport java.io.IOException;\r\nimport javax.servlet.RequestDispatcher;\r\nimport javax.servlet.ServletException;\r\nimport javax.servlet.http.HttpServlet;\r\nimport javax.servlet.http.HttpServletRequest;\r\nimport javax.servlet.http.HttpServletResponse;\r\npublic class user_login extends HttpServlet {\r\n    public user_login() {\r\n        super();\r\n        \t}\r\nprotected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {\r\n               \tString username = request.getParameter(\"username\");\r\n               \tString password = request.getParameter(\"password\");\r\n               \tif(username.isEmpty() || password.isEmpty() )\r\n               \t{\r\n                         \tRequestDispatcher requ = request.getRequestDispatcher(\"login.jsp\");\r\n                         \trequ.include(request, response);\r\n               \t}\r\n               \telse\r\n               \t{\r\n                         \tRequestDispatcher requ =       request.getRequestDispatcher(\"login_2.jsp\");\r\n                         \trequ.forward(request, response);\r\n               \t}\r\n      \t}\r\n \r\n}\r\n<\/pre>\n
Explanation of the code:<\/strong><\/p>\n
This code contains the necessary imports. User_login servlet extends HttpServlet. This code contains doPost() method as our method in login form is \u2018POST\u2019. Request object gets the username and password that are required for login.
\nThen we have used if and else. If any parameter is empty the page is redirected to login.jsp else the user is directed to login_2.jsp.<\/p>\n
login_2.jsp\r\n<html>\r\n<head>\r\n<title>User Logged In<\/title>\r\n<\/head>\r\n<body>\r\n      \t<table style=\"width: 20%\">\r\n      \t<tr><td>\r\n      \t<% String username = request.getParameter(\"username\"); %>\r\n<a>Welcome user, you have logged in.<\/a><\/td><\/tr>\r\n<tr><\/tr><tr>td><\/td><td><a href=login.jsp\"><b>Logout<\/b><\/a><\/td><\/tr>\r\n<\/table>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n
Explanation of the code:<\/strong><\/p>\n
In this code, we are getting the username using the request object. We can print the username optionally. A welcome message pops along with a logout link. This logout link redirects users to the initial login page. This code gives the following output:<\/p>\n
Output:<\/strong><\/p>\n
On running Login.jsp, we get two fields that are “username” and “password” and a Login button.<\/p>\n
\"JSP<\/a><\/p>\n
When clicking the login button, we get the following message and a logout link.<\/p>\n
\"jsp<\/a><\/p>\n
 <\/p>\n
On clicking logout, it redirects us to the login page.<\/p>\n
\"JSP<\/a><\/p>\n
 <\/p>\n
2. Registration Form in JSP<\/h3>\n
In the Registration form, the user fills details like name, username, password, address, etc. Registration forms take data and store it in a database or cache.<\/p>\n
In this example, we have the following fields for registration<\/p>\n