REGISTRATION AND LOGIN PAGE
The "Registration and Login Form" is a simple web-based project. As we know that in almost every web-based project we require a "SIGN UP & LOGIN PAGE".
So in this blog, we will see about this, and if haven't watched the complete tutorial of it on youtube then click here👉[[ REGISTRATION AND LOGIN FORM TUTORIAL ]]
- Initially for running SIGN UP PAGE, we require signup.jsp and signupServlet.java. And also we have to create a database for it to store the user detail.
DATABASE CODE:
create database youtube;
use youtube;
create table login(username varchar(50),password varchar(50));
signup.jsp code [JSP code] :
<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Sign up</title>
<script type="text/javascript">
function validate()
{
var email=document.getElementById("email").value;
var pass=document.getElementById("pass").value;
var cpass=document.getElementById("cpass").value;
if(email=="")
{
document.getElementById("emailerror").innerHTML="Please enter Email...";
return false;
}
else
{
document.getElementById("emailerror").innerHTML="";
}
if(pass=="")
{
document.getElementById("passerror").innerHTML="Please enter password...";
return false;
}
else
{
document.getElementById("passerror").innerHTML="";
}
if(pass.length<5 || pass.length>8)
{
document.getElementById("passerror").innerHTML="Password should be in betwwen 5 to 8 character..";
return false;
}
else
{
document.getElementById("passerror").innerHTML="";
}
if(cpass=="")
{
document.getElementById("cpasserror").innerHTML="Please re-enter password...";
return false;
}
else
{
document.getElementById("passerror").innerHTML="";
}
if(cpass != pass)
{
document.getElementById("cpasserror").innerHTML="please enter same password";
return false;
}
else
{
document.getElementById("passerror").innerHTML="";
}
return true;
}
</script>
</head>
<body>
<div align="center">
<fieldset>
<%
String status =(String)request.getAttribute("status");
if(status != null)
{
out.println(status);
}
%>
<legend><h1>Sign up</h1></legend>
<form onsubmit="return validate()" action="signupServlet" method="post">
<table>
<tr>
<td>Email : </td>
<td><input type="email" id="email" name="email"></td>
<td><span style="color:red" id="emailerror">*</span></td>
</tr>
<tr>
<td>Password : </td>
<td><input type="password" id="pass" name="pass"></td>
<td><span style="color:red" id="passerror">*</span></td>
</tr>
<tr>
<td>Confirm Password : </td>
<td><input type="password" id="cpass" name="cpass"></td>
<td><span style="color:red" id="cpasserror">*</span></td>
</tr>
<tr>
<td><input type="submit" value="register"></td>
</tr>
</table>
</form>
<br>
<hr>
Already User?<a href="Login.jsp">Login</a>
</fieldset>
</div>
</body>
</html>
signupServlet.java [Servlet code] :
package login;
import java.io.IOException;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
@WebServlet("/signupServlet")
public class signupServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
public signupServlet() {
super();
// TODO Auto-generated constructor stub
}
/**
* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
*/
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
response.getWriter().append("Served at: ").append(request.getContextPath());
}
/**
* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
*/
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
//doGet(request, response);
String email=request.getParameter("email");
String pass=request.getParameter("pass");
String cpass=request.getParameter("cpass");
PreparedStatement stmt;
ResultSet rs;
Connection con;
RequestDispatcher rd;
try
{
Class.forName("com.mysql.cj.jdbc.Driver");
con=DriverManager.getConnection("jdbc:mysql://localhost/youtube","root","jjacksonmichael31");
String sql="insert into login(username,password) values(?,?)";
stmt=con.prepareStatement(sql);
stmt.setString(1,email);
stmt.setString(2,pass);
int row=stmt.executeUpdate();
if(row>0)
{
request.setAttribute("status","Successfully Signed up... Now you can Login.");
rd=request.getRequestDispatcher("Login.jsp");
rd.forward(request, response);
}
else
{
request.setAttribute("status","Failed to sign up....! Please Try again.");
rd=request.getRequestDispatcher("signup.jsp");
rd.forward(request, response);
}
}
catch (Exception e)
{
e.printStackTrace();
}
}
}
NOTE: (Click Me to check all the available projects)
- Now if run the signup.jsp page we get the following output.
- Now, Here each field is validated using javascript. So, let's enter the proper details and press the register button. Then, our details will get into the database and we'll be redirected to the Login page.
Login.jsp [JSP CODE] :
loginServlet.java [Servlet Code] :
- Now let's try to Login by entering the proper details.
- Login Complete Successful
Other practical projects using React & Spring Boot
I will give you the full project SOURCE CODE and I will do a COMPLETE SET-UP of the project on your PC or Laptop remotely.
Or You can simply Request for the Project Source Code & Set Up by clicking on the below button.
MAIL ME AT codewithmurad@gmail.com
DM ME ON INSTAGRAM at @codewithmurad
DM ME ON FACEBOOK at @codewithmurad
DM ME ON TELEGRAM at @codewithmurad
Connect on My Discord Server: CLICK HERE
0 Comments