PHP

Create A Login Form Validation Using PHP And WAMP / XAMPP

Introduction

WAMP stands for Windows, Apache, MySQL and any one of PHP, Perl or Python. WAMP server is a local webserver for running the scripting language (PHP, Perl) and this is open source. XAMPP stands for Cross-Platform (X), Apache (A), Maria DB (M), PHP (P) and Perl (P). It is developed by Apache friends. It includes Apache and MySQL, FileZilla, Mercury, Tomcat and Maria DB.

Here, I am going to show how to create a login form validation, using PHP and XAMPP.

Requirements

  • XAMPP/WAMP Server.
  • Brackets (IDE).
  • Little HTML, CSS and PHP knowledge.

Steps given below are required to be followed

Follow the steps to create a login form validation, using PHP and XAMPP. I have included the source code, which is given below.

Step 1

Open XAMPP Control Panel. Start Apache and MySQL Server.

PHP

Step 2

Open your Browser and then type http:// localhost or http://127.0.0.1. After you see XAMPP community page, make sure, if your Server is running or not.

PHP

Step 3

Open XAMPP Control Panel, followed by clicking MySQL admin. Now, create the database for the login validation form.

PHP

Step 4

To create the new database, click New.

PHP

Step 5

Put the database name, which you want. Here, the database name is user-registration, followed by clicking create.

PHP

Step 6

Go to SQL query tab, copy and paste the query given below. Click go. Afterwards, your table (my table name : person) is created successfully.

SQL query 

  1. CREATE TABLE IF NOT EXISTS `login` (  
  2.   `username` varchar(200) NOT NULL,  
  3.   `password` varchar(200) NOT NULL,  
  4.   PRIMARY KEY (`username`)  
  5. ) ENGINE=InnoDB DEFAULT CHARSET=latin1;   

PHP

Step 7

Put your Webpage files into the destination folder. Default folder is c:/xampp/htdocs.

PHP

Step 8

Open the bracket(IDE) and create the login.php file. Copy the code given below and paste into login.php 

  1. <!doctype html>  
  2. <html>  
  3. <head>  
  4. <title>Login</title>  
  5.     <style>   
  6.         body{  
  7.               
  8.     margin-top: 100px;  
  9.     margin-bottom: 100px;  
  10.     margin-right: 150px;  
  11.     margin-left: 80px;  
  12.     background-color: azure ;  
  13.     color: palevioletred;  
  14.     font-family: verdana;  
  15.     font-size: 100%  
  16.       
  17.         }  
  18.             h1 {  
  19.     color: indigo;  
  20.     font-family: verdana;  
  21.     font-size: 100%;  
  22. }  
  23.         h3 {  
  24.     color: indigo;  
  25.     font-family: verdana;  
  26.     font-size: 100%;  
  27. } </style>  
  28. </head>  
  29. <body>  
  30.      <center><h1>CREATE REGISTRATION AND LOGIN FORM USING PHP AND MYSQL</h1></center>  
  31.    <p><a href="register.php">Register</a> | <a href="login.php">Login</a></p>  
  32. <h3>Login Form</h3>  
  33. <form action="" method="POST">  
  34. Username: <input type="text" name="user"><br />  
  35. Password: <input type="password" name="pass"><br />   
  36. <input type="submit" value="Login" name="submit" />  
  37. </form>  
  38. <?php  
  39. if(isset($_POST["submit"])){  
  40.   
  41. if(!empty($_POST['user']) && !empty($_POST['pass'])) {  
  42.     $user=$_POST['user'];  
  43.     $pass=$_POST['pass'];  
  44.   
  45.     $con=mysql_connect('localhost','root','') or die(mysql_error());  
  46.     mysql_select_db('user_registration') or die("cannot select DB");  
  47.   
  48.     $query=mysql_query("SELECT * FROM login WHERE username='".$user."' AND password='".$pass."'");  
  49.     $numrows=mysql_num_rows($query);  
  50.     if($numrows!=0)  
  51.     {  
  52.     while($row=mysql_fetch_assoc($query))  
  53.     {  
  54.     $dbusername=$row['username'];  
  55.     $dbpassword=$row['password'];  
  56.     }  
  57.   
  58.     if($user == $dbusername && $pass == $dbpassword)  
  59.     {  
  60.     session_start();  
  61.     $_SESSION['sess_user']=$user;  
  62.   
  63.     /* Redirect browser */  
  64.     header("Location: member.php");  
  65.     }  
  66.     } else {  
  67.     echo "Invalid username or password!";  
  68.     }  
  69.   
  70. } else {  
  71.     echo "All fields are required!";  
  72. }  
  73. }  
  74. ?>  
  75. </body>  
  76. </html>   

PHP

Step 9

Create the register.php file. Copy the code given below and paste into register.php.

register.php 

  1. <!doctype html>  
  2. <html>  
  3. <head>  
  4. <title>Register</title>  
  5.     <style>   
  6.         body{  
  7.     margin-top: 100px;  
  8.     margin-bottom: 100px;  
  9.     margin-right: 150px;  
  10.     margin-left: 80px;  
  11.     background-color: azure ;  
  12.     color: palevioletred;  
  13.     font-family: verdana;  
  14.     font-size: 100%  
  15.       
  16.         }  
  17.             h1 {  
  18.     color: indigo;  
  19.     font-family: verdana;  
  20.     font-size: 100%;  
  21. }  
  22.          h2 {  
  23.     color: indigo;  
  24.     font-family: verdana;  
  25.     font-size: 100%;  
  26. }</style>  
  27. </head>  
  28. <body>  
  29.      
  30.     <center><h1>CREATE REGISTRATION AND LOGIN FORM USING PHP AND MYSQL</h1></center>  
  31.    <p><a href="register.php">Register</a> | <a href="login.php">Login</a></p>  
  32.     <center><h2>Registration Form</h2></center>  
  33. <form action="" method="POST">  
  34.     <legend>  
  35.     <fieldset>  
  36.           
  37. Username: <input type="text" name="user"><br />  
  38. Password: <input type="password" name="pass"><br />   
  39. <input type="submit" value="Register" name="submit" />  
  40.               
  41.         </fieldset>  
  42.         </legend>  
  43. </form>  
  44. <?php  
  45. if(isset($_POST["submit"])){  
  46. if(!empty($_POST['user']) && !empty($_POST['pass'])) {  
  47.     $user=$_POST['user'];  
  48.     $pass=$_POST['pass'];  
  49.     $con=mysql_connect('localhost','root','') or die(mysql_error());  
  50.     mysql_select_db('user_registration') or die("cannot select DB");  
  51.   
  52.     $query=mysql_query("SELECT * FROM login WHERE username='".$user."'");  
  53.     $numrows=mysql_num_rows($query);  
  54.     if($numrows==0)  
  55.     {  
  56.     $sql="INSERT INTO login(username,password) VALUES('$user','$pass')";  
  57.   
  58.     $result=mysql_query($sql);  
  59.         if($result){  
  60.     echo "Account Successfully Created";  
  61.     } else {  
  62.     echo "Failure!";  
  63.     }  
  64.   
  65.     } else {  
  66.     echo "That username already exists! Please try again with another.";  
  67.     }  
  68.   
  69. } else {  
  70.     echo "All fields are required!";  
  71. }  
  72. }  
  73. ?>  
  74. </body>  
  75. </html>   

PHP

Register your username and password. Do not use the already used usernames.

PHP

Step 10

Create the logout.php file. Copy the code given below and paste into logout.php.

logout.php

  1. <?php   
  2. session_start();  
  3. unset($_SESSION['sess_user']);  
  4. session_destroy();  
  5. header("location:login.php");  
  6. ?>  

Step 13

Create the member.php file. Copy the code given below and paste into member.php.

member.php

  1. <?php   
  2. session_start();  
  3. if(!isset($_SESSION["sess_user"])){  
  4.     header("location:login.php");  
  5. } else {  
  6. ?>  
  7. <!doctype html>  
  8. <html>  
  9. <head>  
  10. <title>Welcome</title>  
  11.     <style>   
  12.         body{  
  13.               
  14.     margin-top: 100px;  
  15.     margin-bottom: 100px;  
  16.     margin-right: 150px;  
  17.     margin-left: 80px;  
  18.     background-color: azure ;  
  19.     color: palevioletred;  
  20.     font-family: verdana;  
  21.     font-size: 100%  
  22.       
  23.         }  
  24.             h2 {  
  25.     color: indigo;  
  26.     font-family: verdana;  
  27.     font-size: 100%;  
  28. }  
  29.         h1 {  
  30.     color: indigo;  
  31.     font-family: verdana;  
  32.     font-size: 100%;  
  33. }  
  34.               
  35.           
  36.     </style>  
  37. </head>  
  38. <body>  
  39.     <center><h1>CREATE REGISTRATION AND LOGIN FORM USING PHP AND MYSQL</h1></center>  
  40.       
  41. <h2>Welcome, <?=$_SESSION['sess_user'];?>! <a href="logout.php">Logout</a></h2>  
  42. <p>  
  43. WE DO IT. SUCCESSFULLY CREATED REGISTRATION AND LOGIN FORM USING PHP AND MYSQL  
  44. </p>  
  45. </body>  
  46. </html>  
  47. <?php  
  48. }  
  49. ?>  

PHP

Now, you need to click the logout.

Output

Now, check the database to check, whether our data was stored or not.

PHP

Here, we have successfully created a login form validation. Using PHP and WAMP/XAMPP, and we created and executed it. I will continue my next article to give you an in-depth knowledge about XAMPP, FilZilla and GitHub lessons. 

Reference article

http://www.c-sharpcorner.com/article/install-and-configure-xampp-server-with-data-insert-into-database2/

Source code

https://github.com/GaneshanNT/Registration-and-login-validation-form

Up Next
    Ebook Download
    View all
    Learn
    View all
    Get Started

    You need to be a premium member to use this feature. To access it, you'll have to upgrade your membership.

    Become a sharper developer and jumpstart your career.

    Basic

    $0

    $

    . 00

    monthly

    For Basic members:

    • Standard Profile
    • Access learning courses
    • Access free e-books
    • 1x point
    Premium

    $20

    $

    . 00

    monthly

    For Premium members:

    • Earn 2x reward points
    • Premium profile with Verified check
    • Premium Avatar with status update
    • Learning courses
    • Unlimited Certifications and badges on profile
    • Unlimited Book downloads
    • Access to Premium content
    • Online Training
    • Unlimited PDF conversions and downloads
    • Professional Resume Writing
    • Interview Preparations Guide
    • 25 messages per month
    • 1 "Kodzu" avatar, basic
    Elite

    $45

    $

    . 00

    monthly

    For Elite members:

    • Bundle E-books
    • Access to all Learn Series
    • Unlimited Apply Jobs