├── README.md
└── user
    ├── DbConnect.php
    ├── action.php
    ├── img
        └── loader.gif
    ├── index.php
    ├── logout.php
    ├── registration.sql
    ├── reset.php
    ├── users.php
    ├── verify.php
    └── welcome.php


/README.md:
--------------------------------------------------------------------------------
1 | # user-registration-php-mysql-ajax
2 | 
3 | Follow this tutorial: https://www.youtube.com/watch?v=cXWCVvfe4ao&list=PLCakfctNSHkFXKLQKX4jv7OEyWUcTgbfE
4 | 


--------------------------------------------------------------------------------
/user/DbConnect.php:
--------------------------------------------------------------------------------
 1 | <?php 
 2 | 	class DbConnect {
 3 | 		private $host = 'localhost';
 4 | 		private $dbName = 'registration';
 5 | 		private $user = 'root';
 6 | 		private $pass = '';
 7 | 
 8 | 		public function connect() {
 9 | 			try {
10 | 				$conn = new PDO('mysql:host=' . $this->host . '; dbname=' . $this->dbName, $this->user, $this->pass);
11 | 				$conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
12 | 				return $conn;
13 | 			} catch( PDOException $e) {
14 | 				echo 'Database Error: ' . $e->getMessage();
15 | 			}
16 | 		}
17 | 	}
18 |  ?>


--------------------------------------------------------------------------------
/user/action.php:
--------------------------------------------------------------------------------
  1 | <?php 
  2 | 	session_start();
  3 | 	require 'users.php';
  4 | 	require '../mailer/PHPMailerAutoload.php';
  5 | 	require '../mailer/credential.php';
  6 | 
  7 | 	if(isset($_POST['action']) && $_POST['action'] == 'checkCookie') {
  8 | 		if(isset($_COOKIE['email'], $_COOKIE['pass'])) {
  9 | 			$data = ['email'=>$_COOKIE['email'], 'pass'=>base64_decode($_COOKIE['pass'])];
 10 | 			echo json_encode($data);
 11 | 		}
 12 | 	}
 13 | 
 14 | 	if(isset($_POST['action']) && $_POST['action'] == 'updatePass') {
 15 | 		$users = validateUpdatePassForm();
 16 | 		$data  = json_decode( base64_decode($users['token']), true );
 17 | 		$currTime = strtotime(date('d-m-Y h:i:s'));
 18 | 		$expTime  = strtotime($data['expTime']);
 19 | 		if($currTime > $expTime) {
 20 | 			echo json_encode( ["status" => 0, "msg" => "Token expired."] );
 21 | 			exit;
 22 | 		}
 23 | 
 24 | 		$objUser = new Users();
 25 | 		$objUser->setId($data['id']);
 26 | 		$userData = $objUser->getUserById();
 27 | 		if(is_array($userData) && count($userData) > 0) {
 28 | 			if($data['token'] == $userData['token']) {
 29 | 				$objUser->setPass(md5($users['pass']));
 30 | 				if($objUser->updatePass()) {
 31 | 					echo json_encode( ["status" => 1, "msg" => "Password Updated."] );
 32 | 					exit;
 33 | 				} else {
 34 | 					echo json_encode( ["status" => 0, "msg" => "Failed to update password."] );
 35 | 					exit;
 36 | 				}
 37 | 			} else {
 38 | 				echo json_encode( ["status" => 0, "msg" => "Token is not valid."] );
 39 | 				exit;
 40 | 			}
 41 | 		} else {
 42 | 			echo json_encode( ["status" => 0, "msg" => "User not found."] );
 43 | 			exit;
 44 | 		}
 45 |  		
 46 | 	}
 47 | 
 48 | 	if(isset($_POST['action']) && $_POST['action'] == 'resetPass') {
 49 | 		$email = filter_input(INPUT_POST, 'remail', FILTER_VALIDATE_EMAIL);
 50 | 		if(false == $email) {
 51 | 			echo json_encode( ["status" => 0, "msg" => "Enter valid Email"] );
 52 | 			exit;
 53 | 		}
 54 | 
 55 | 		$objUser = new Users();
 56 | 		$objUser->setEmail($email);
 57 | 		$userData = $objUser->getUserByEmail();
 58 | 		if(is_array($userData) && count($userData)>0) {
 59 | 			$data['id'] = $userData['id'];
 60 | 			$data['token'] = sha1( $userData['email'] );
 61 | 			$data['expTime'] = date('d-m-Y h:i:s', time() + (60*60*2));
 62 | 			$urlToken = base64_encode(json_encode($data));
 63 | 			$objUser->setId($userData['id']);
 64 | 			$objUser->setToken($data['token']);
 65 | 			if($objUser->updateToken()) {
 66 | 				$url = 'http://' . $_SERVER['SERVER_NAME'] . '/user/reset.php?token=' .$urlToken;
 67 | 				$html = '<div>You have requested a password reset for your user account at Localhost. You can do this by clicking the link below.:<br>'.$url.'<br><br><strong>Please note this link is valid for 2 hours.</strong></div>';
 68 | 
 69 | 				$mail = new PHPMailer;
 70 | 
 71 | 			// $mail->SMTPDebug = 4;                               // Enable verbose debug output
 72 | 
 73 | 				$mail->isSMTP();                                      // Set mailer to use SMTP
 74 | 				$mail->Host = 'smtp.gmail.com';  // Specify main and backup SMTP servers
 75 | 				$mail->SMTPAuth = true;                               // Enable SMTP authentication
 76 | 				$mail->Username = EMAIL;                 // SMTP username
 77 | 				$mail->Password = PASS;                           // SMTP password
 78 | 				$mail->SMTPSecure = 'tls';                            // Enable TLS encryption, `ssl` also accepted
 79 | 				$mail->Port = 587;                                    // TCP port to connect to
 80 | 
 81 | 				$mail->setFrom(EMAIL, 'Dsmart Tutorials');
 82 | 				$mail->addAddress($objUser->getEmail());     // Add a recipient
 83 | 
 84 | 				$mail->addReplyTo(EMAIL);
 85 | 				
 86 | 				$mail->isHTML(true);                                  // Set email format to HTML
 87 | 
 88 | 				$mail->Subject = 'Reset your password';
 89 | 				$mail->Body    = $html;
 90 | 
 91 | 				if(!$mail->send()) {
 92 | 				    echo json_encode( ["status" => 0, "msg" => "Message could not be sent."] );
 93 | 				    echo json_encode( ["status" => 0, "msg" => 'Mailer Error: ' . $mail->ErrorInfo] );
 94 | 				} else {
 95 | 				   echo json_encode( ["status" => 1, "msg" => "Reset password link is send to your email."] );
 96 | 				}
 97 | 			} else {
 98 | 				echo json_encode( ["status" => 0, "msg" => "Failed to set token."] );
 99 | 			}
100 | 		} else {
101 | 			echo json_encode( ["status" => 0, "msg" => "User is not found."] );
102 | 		}
103 | 
104 | 	}
105 | 
106 | 	if(isset($_POST['action']) && $_POST['action'] == 'register') {
107 | 		$users = validateRegForm();
108 | 		
109 | 		$objUser = new Users();
110 | 	 	
111 | 	 	$objUser->setName($users['fname']);
112 | 	 	$objUser->setMobile($users['mobile']);
113 | 	 	$objUser->setEmail($users['uemail']);
114 | 	 	$objUser->setPass(md5($users['pass']));
115 | 	 	$objUser->setActivated(0);
116 | 	 	$objUser->setToken(NULL);
117 | 	 	$objUser->setCreatedOn(date('Y-m-d'));
118 | 
119 | 	 	$userData = $objUser->getUserByEmail();
120 | 		if($userData['email'] == $users['uemail']) {
121 | 			echo 'Email is already registered';
122 | 			exit;
123 | 		}
124 | 	 	if($objUser->save()) {
125 | 	 		$lastId = $objUser->conn->lastInsertId();
126 | 	 		$token = sha1($lastId);
127 | 	 		$url = 'http://' . $_SERVER['SERVER_NAME'] . '/user/verify.php?id=' . $lastId . '&token=' .$token;
128 | 	 		$html = '<div>Thanks for registering with localhost. Please click this link to complete your registration:<br>'.$url.'</div>';
129 | 
130 | 			$mail = new PHPMailer;
131 | 
132 | 			// $mail->SMTPDebug = 4;                               // Enable verbose debug output
133 | 
134 | 			$mail->isSMTP();                                      // Set mailer to use SMTP
135 | 			$mail->Host = 'smtp.gmail.com';  // Specify main and backup SMTP servers
136 | 			$mail->SMTPAuth = true;                               // Enable SMTP authentication
137 | 			$mail->Username = EMAIL;                 // SMTP username
138 | 			$mail->Password = PASS;                           // SMTP password
139 | 			$mail->SMTPSecure = 'tls';                            // Enable TLS encryption, `ssl` also accepted
140 | 			$mail->Port = 587;                                    // TCP port to connect to
141 | 
142 | 			$mail->setFrom(EMAIL, 'Dsmart Tutorials');
143 | 			$mail->addAddress($objUser->getEmail());     // Add a recipient
144 | 
145 | 			$mail->addReplyTo(EMAIL);
146 | 			
147 | 			$mail->isHTML(true);                                  // Set email format to HTML
148 | 
149 | 			$mail->Subject = 'Confirm your email';
150 | 			$mail->Body    = $html;
151 | 
152 | 			if(!$mail->send()) {
153 | 			    echo 'Message could not be sent.';
154 | 			    echo 'Mailer Error: ' . $mail->ErrorInfo;
155 | 			} else {
156 | 			    echo "Congratulation, Your registration done on our site. Please verify your email.";
157 | 			}
158 | 	 		
159 | 	 	} else {
160 | 	 		echo " Failed to save";
161 | 	 	}
162 | 	}	
163 | 
164 | 	if(isset($_POST['action']) && $_POST['action'] == 'login') {
165 | 		$users = validateLoginForm();
166 | 		$objUser = new Users();
167 | 		$objUser->setEmail($users['email']);
168 | 	 	$objUser->setPass(md5($users['pwd']));
169 | 	 	$userData = $objUser->getUserByEmail();
170 | 	 	$rememberMe = isset($_POST['remember-me']) ? 1 : 0;
171 | 	 	if(is_array($userData) && count($userData) > 0) {
172 | 	 		if($userData['pass'] == $objUser->getPass()) {
173 | 	 			if($userData['activated'] == 1 ) {
174 | 	 				if($rememberMe == 1) {
175 | 	 					setcookie('email', $objUser->getEmail());
176 | 	 					setcookie('pass', base64_encode($users['pwd']));
177 | 	 				}
178 | 	 				$_SESSION['id'] = session_id();
179 | 	 				$_SESSION['name'] = $userData['name'];
180 | 	 				echo json_encode( ["status" => 1, "msg" => "login successfull."] );
181 | 	 			} else {
182 | 	 				echo json_encode( ["status" => 0, "msg" => "Please activate your account to login."] );
183 | 	 			}
184 | 	 		} else {
185 | 	 			echo json_encode( ["status" => 0, "msg" => "Email or Password is wrong."] );
186 | 	 		}
187 | 	 	} else {
188 | 	 		echo json_encode( ["status" => 0, "msg" => "Email or Password is wrong."] );
189 | 	 	}
190 | 	}
191 | 		
192 | 	function validateUpdatePassForm() {
193 | 		$users['token'] = filter_input(INPUT_POST, 'token', FILTER_SANITIZE_STRING);
194 | 		if(false == $users['token']) {
195 | 			echo json_encode( ["status" => 0, "msg" => "Not a valid request."] );
196 | 			exit;
197 | 		}
198 | 
199 | 		$users['pass'] = filter_input(INPUT_POST, 'pass', FILTER_SANITIZE_STRING);
200 | 		if(false == $users['pass']) {
201 | 			echo json_encode( ["status" => 0, "msg" => "Enter valid valid pass"] );
202 | 			exit;
203 | 		}
204 | 
205 | 		$users['cfm_pass'] = filter_input(INPUT_POST, 'cfm_pass', FILTER_SANITIZE_STRING);
206 | 		if(false == $users['cfm_pass']) {
207 | 			echo json_encode( ["status" => 0, "msg" => "Enter valid confirm pass"] );
208 | 			exit;
209 | 		}
210 | 
211 | 		if($users['pass'] != $users['cfm_pass']) {
212 | 			echo json_encode( ["status" => 0, "msg" => "Password and confirm password not match"] );
213 | 			exit;
214 | 		}
215 | 
216 | 		return $users;
217 | 	}
218 | 
219 | 	function validateLoginForm() {
220 | 		$users['email'] = filter_input(INPUT_POST, 'email', FILTER_VALIDATE_EMAIL);
221 | 		if(false == $users['email']) {
222 | 			echo json_encode( ["status" => 0, "msg" => "Enter valid Email"] );
223 | 			exit;
224 | 		}
225 | 
226 | 		$users['pwd'] = filter_input(INPUT_POST, 'pwd', FILTER_SANITIZE_STRING);
227 | 		if(false == $users['pwd']) {
228 | 			echo json_encode( ["status" => 0, "msg" => "Enter valid valid pass"] );
229 | 			exit;
230 | 		}
231 | 
232 | 		return $users;
233 | 	}
234 | 		
235 | 	function validateRegForm() {
236 | 		$users['fname'] = filter_input(INPUT_POST, 'fname', FILTER_SANITIZE_STRING);
237 | 		if(false == $users['fname']) {
238 | 			echo "Enter valid name";
239 | 			exit;
240 | 		}
241 | 
242 | 		$users['mobile'] = filter_input(INPUT_POST, 'mobile', FILTER_SANITIZE_NUMBER_INT);
243 | 		if(false == $users['mobile']) {
244 | 			echo "Enter valid number";
245 | 			exit;
246 | 		}
247 | 
248 | 		$users['uemail'] = filter_input(INPUT_POST, 'uemail', FILTER_VALIDATE_EMAIL);
249 | 		if(false == $users['uemail']) {
250 | 			echo "Enter valid Email";
251 | 			exit;
252 | 		}
253 | 
254 | 		$users['pass'] = filter_input(INPUT_POST, 'pass', FILTER_SANITIZE_STRING);
255 | 		if(false == $users['pass']) {
256 | 			echo "Enter valid valid pass";
257 | 			exit;
258 | 		}
259 | 		$users['cfm_pass'] = filter_input(INPUT_POST, 'cfm_pass', FILTER_SANITIZE_STRING);
260 | 		if(false == $users['cfm_pass']) {
261 | 			echo "Enter valid valid confirm pass";
262 | 			exit;
263 | 		}
264 | 
265 | 		if($users['pass'] != $users['cfm_pass']) {
266 | 			echo 'Password and confirm password not match';
267 | 			exit;
268 | 		}
269 | 
270 | 		return $users;
271 | 	}
272 | ?>


--------------------------------------------------------------------------------
/user/img/loader.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/durgesh-sahani/user-registration-php-mysql-ajax/b6e0a3ad34d2bec607df765bba3296ab9381d154/user/img/loader.gif


--------------------------------------------------------------------------------
/user/index.php:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | <head>
  4 | 	<title>Complete user registration system in php and MySQL using Ajax</title>
  5 | 	<link rel="stylesheet" href="../css/bootstrap.min.css">
  6 | 	<script src="../js/jquery-3.2.1.min.js"></script>
  7 | 	<script src="../js/bootstrap.js"></script>
  8 | 	<style type="text/css">
  9 | 		body {
 10 | 			font-family: 'Verdana';
 11 | 			font-size: 16px;
 12 | 			font-weight: bold;
 13 | 		}
 14 | 		.panel {
 15 | 			border: 0;
 16 | 		}
 17 | 		form {
 18 | 			padding: 0 10px;
 19 | 		}
 20 | 		.addon-diff-color {
 21 | 	      background-color: #f0ad4e;
 22 | 	      color: white;
 23 | 	    }
 24 | 	   .panel-title {
 25 | 	   		color: #f0ad4e;
 26 | 	   		font-weight: bolder;
 27 | 	    }
 28 | 	    .sign-up, .forgot-pass{
 29 | 			display: none;
 30 | 		}
 31 | 	    .alert, #loader {
 32 | 	    	display: none;
 33 | 	    }
 34 | 	</style>
 35 | 	<script type="text/javascript">
 36 | 		$(document).ready(function(){
 37 | 
 38 | 			$.ajax({
 39 | 				url: 'action.php',
 40 | 				method: 'post',
 41 | 				data: 'action=checkCookie'
 42 | 			}).done(function(result){
 43 | 				if(result) {
 44 | 					console.log(result)
 45 | 					var data = JSON.parse(result);
 46 | 					$('#email').val(data.email);
 47 | 					$('#pwd').val(data.pass);
 48 | 				}
 49 | 			})
 50 | 
 51 | 			$('#fname').keyup(function(){
 52 | 				// var regexp = new RegExp(/^[a-zA-Z]+$/);
 53 | 				var regexp = /^[a-zA-Z ]+$/;
 54 | 				if(regexp.test($('#fname').val())) {
 55 | 					$('#fname').closest('.form-group').removeClass('has-error');
 56 | 					$('#fname').closest('.form-group').addClass('has-success');
 57 | 				} else {
 58 | 					$('#fname').closest('.form-group').addClass('has-error');
 59 | 				}
 60 | 			})
 61 | 		
 62 | 			$('#mobile').keyup(function(){
 63 | 				// var regexp = new RegExp(/^[a-zA-Z]+$/);
 64 | 				var regexp = /^[0-9]{10}$/;
 65 | 				if(regexp.test($('#mobile').val())) {
 66 | 					$('#mobile').closest('.form-group').removeClass('has-error');
 67 | 					$('#mobile').closest('.form-group').addClass('has-success');
 68 | 				} else {
 69 | 					$('#mobile').closest('.form-group').addClass('has-error');
 70 | 				}
 71 | 			})
 72 | 		
 73 | 			$('#uemail').keyup(function(){
 74 | 				// var regexp = new RegExp(/^[a-zA-Z]+$/);
 75 | 				var regexp = /^[a-zA-Z0-9._]+@[a-zA-Z0-9._]+\.[a-zA-Z]{2,4}$/;
 76 | 				if(regexp.test($('#uemail').val())) {
 77 | 					$('#uemail').closest('.form-group').removeClass('has-error');
 78 | 					$('#uemail').closest('.form-group').addClass('has-success');
 79 | 				} else {
 80 | 					$('#uemail').closest('.form-group').addClass('has-error');
 81 | 				}
 82 | 			})
 83 | 		
 84 | 			$('#pass').keyup(function(){
 85 | 				// var regexp = new RegExp(/^[a-zA-Z]+$/);
 86 | 				var regexp = /^[a-zA-Z0-9]{6,50}$/;
 87 | 				if(regexp.test($('#pass').val())) {
 88 | 					$('#pass').closest('.form-group').removeClass('has-error');
 89 | 					$('#pass').closest('.form-group').addClass('has-success');
 90 | 				} else {
 91 | 					$('#pass').closest('.form-group').addClass('has-error');
 92 | 				}
 93 | 			})
 94 | 		
 95 | 			$('#cfm_pass').keyup(function(){
 96 | 				// var regexp = new RegExp(/^[a-zA-Z]+$/);
 97 | 				var regexp = /^[a-zA-Z0-9]{6,50}$/;
 98 | 				if(regexp.test($('#cfm_pass').val())) {
 99 | 					if($('#cfm_pass').val() == $('#pass').val()) {
100 | 						$('#cfm_pass').closest('.form-group').removeClass('has-error');
101 | 						$('#cfm_pass').closest('.form-group').addClass('has-success');
102 | 					} else {
103 | 						$('#cfm_pass').closest('.form-group').addClass('has-error');
104 | 					}
105 | 				} else {
106 | 					$('#cfm_pass').closest('.form-group').addClass('has-error');
107 | 				}
108 | 			})
109 | 
110 | 			$('#register').click(function(event){
111 | 				event.preventDefault();
112 | 				var formData = $('#sign-up-frm').serialize();
113 | 				console.log(formData);
114 | 				$.ajax({
115 | 					url: 'action.php',
116 | 					method: 'post',
117 | 					data: formData + '&action=register'
118 | 				}).done(function(result){
119 | 					$('.alert').show();
120 | 					$('#result').html(result);
121 | 				})
122 | 			})
123 | 
124 | 			$('#email').keyup(function(){
125 | 				// var regexp = new RegExp(/^[a-zA-Z]+$/);
126 | 				var regexp = /^[a-zA-Z0-9._]+@[a-zA-Z0-9._]+\.[a-zA-Z]{2,4}$/;
127 | 				if(regexp.test($('#email').val())) {
128 | 					$('#email').closest('.form-group').removeClass('has-error');
129 | 					$('#email').closest('.form-group').addClass('has-success');
130 | 				} else {
131 | 					$('#email').closest('.form-group').addClass('has-error');
132 | 				}
133 | 			})
134 | 		
135 | 			$('#pwd').keyup(function(){
136 | 				// var regexp = new RegExp(/^[a-zA-Z]+$/);
137 | 				var regexp = /^[a-zA-Z0-9]{6,50}$/;
138 | 				if(regexp.test($('#pwd').val())) {
139 | 					$('#pwd').closest('.form-group').removeClass('has-error');
140 | 					$('#pwd').closest('.form-group').addClass('has-success');
141 | 				} else {
142 | 					$('#pwd').closest('.form-group').addClass('has-error');
143 | 				}
144 | 			})
145 | 
146 | 			$('#login').click(function(event){
147 | 				event.preventDefault();
148 | 				var formData = $('#sign-in-frm').serialize();
149 | 				console.log(formData);
150 | 				$.ajax({
151 | 					url: 'action.php',
152 | 					method: 'post',
153 | 					data: formData + '&action=login'
154 | 				}).done(function(result){
155 | 					console.log(result);
156 | 					var data = JSON.parse(result);
157 | 					$('.alert').show();
158 | 					if(data.status == 0) {
159 | 						$('#result').html(data.msg);
160 | 					} else {
161 | 						document.location = 'welcome.php';
162 | 					}
163 | 					
164 | 				})
165 | 			})
166 | 
167 | 			$('#reset').click(function(event){
168 | 				event.preventDefault();
169 | 				var formData = $('#forgot-pass-frm').serialize();
170 | 				console.log(formData);
171 | 				$('#loader').show();
172 | 				$.ajax({
173 | 					url: 'action.php',
174 | 					method: 'post',
175 | 					data: formData + '&action=resetPass'
176 | 				}).done(function(result){
177 | 					$('#loader').hide();
178 | 					console.log(result);
179 | 					var data = JSON.parse(result);
180 | 					$('.alert').show();
181 | 					if(data.status == 0) {
182 | 						$('#result').html(data.msg);
183 | 					} else {
184 | 						$('#result').html(data.msg);
185 | 					}
186 | 					
187 | 				})
188 | 			})
189 | 
190 | 		})
191 | 
192 | 	</script>
193 | </head>
194 | 
195 | <body>
196 | 	<div class="container">
197 | 		<h2 class="text-center">Sign Up, Sign In, Forgot Password in php and MySQL using Ajax</h2>
198 | 		<h3 class="text-center">Part 8: Send reset password link with expiry time</h3>
199 | 		<hr>
200 | 		<div class="row">
201 | 			<div class="col-md-6 col-md-offset-3">
202 | 				<div class="alert alert-danger alert-dismissible" role="alert">
203 | 					<button type="button" class="close" data-dismiss="alert" aria-label="Close">x</button>
204 | 					<div id="result"></div>
205 | 				</div>
206 | 				<center><img src="img/loader.gif" id="loader"></center>
207 | 			</div>
208 | 		    <div class="col-md-6 col-md-offset-3 sign-up">
209 | 				<div class="panel">
210 | 					<div class="panel-heading">
211 | 					    <h3 class="panel-title text-center">SIGN UP FORM</h3>
212 | 					</div>
213 | 		  			<div class="panel-body">
214 | 						<form id="sign-up-frm" role="form" method="post" action="" class="form-horizontal">
215 | 							<div class="form-group">
216 |                               	<div class="input-group">
217 | 	                                <div class="input-group-addon addon-diff-color">
218 | 	                                    <span class="glyphicon glyphicon-user"></span>
219 | 	                                </div>
220 | 	                                <input type="text" class="form-control" id="fname" name="fname" placeholder="Full Name">
221 |                               	</div>
222 |                             </div>
223 | 			                <div class="form-group">
224 | 			                	<div class="input-group">
225 | 			                		<div class="input-group-addon addon-diff-color">
226 | 	                                    <span class="glyphicon glyphicon-earphone"></span>
227 | 	                                </div>
228 | 				                    <input type="text" class="form-control" id="mobile" name="mobile" placeholder="Mobile Number">
229 | 				                </div>
230 | 			                </div>
231 | 			                <div class="form-group">
232 | 			                	<div class="input-group">
233 | 	                                <div class="input-group-addon addon-diff-color">
234 | 	                                    <span class="glyphicon glyphicon-envelope"></span>
235 | 	                                </div>
236 | 			                    	<input type="email" class="form-control" id="uemail" name="uemail" placeholder="Email Address">
237 | 			                	</div>
238 | 			                </div>
239 | 			                <div class="form-group">
240 | 			                	<div class="input-group">
241 | 	                                <div class="input-group-addon addon-diff-color">
242 | 	                                    <span class="glyphicon glyphicon-lock"></span>
243 | 	                                </div>
244 | 			                    	<input type="password" class="form-control" id="pass" name="pass" placeholder="Password">
245 | 			                    </div>
246 | 			                </div>
247 | 			                <div class="form-group">
248 | 			                    <div class="input-group">
249 | 	                                <div class="input-group-addon addon-diff-color">
250 | 	                                    <span class="glyphicon glyphicon-lock"></span>
251 | 	                                </div>
252 | 			                    	<input type="password" class="form-control" id="cfm_pass" name="cfm_pass" placeholder="Confirm Password">
253 | 			                    </div>
254 | 			                </div>
255 | 			                <div class="form-group">
256 | 			                    <input type="submit" value="REGISTER" class="btn btn-warning btn-block" id="register" name="register">
257 | 			                </div>
258 | 			                <div class="form-group">
259 |                                 <div class="col-md-12 control">
260 |                                     <div style="border-top: 1px solid#888; padding-top:15px; font-size:85%" >
261 |                                         Already have an account! 
262 |                                     <a href="#" onClick="$('.sign-up').hide(); $('.sign-in').show()">
263 |                                         Sign in Here
264 |                                     </a>
265 |                                     </div>
266 |                                 </div>
267 |                             </div>    
268 | 				        </form>
269 | 		    		</div>
270 | 				</div>
271 | 		  	</div>
272 | 		  	<div class="col-md-6 col-md-offset-3 sign-in">
273 | 				<div class="panel">
274 | 			 		<div class="panel-heading">
275 | 					    <h3 class="panel-title text-center">SIGN IN FORM</h3>
276 | 					    <div style="float:right; font-size: 80%; position: relative; top:-10px"><a href="#" onClick="$('.sign-in').hide(); $('.forgot-pass').show()">Forgot Password?</a></div>
277 | 					</div>
278 | 		  			<div class="panel-body">
279 | 						<form id="sign-in-frm" role="form" method="post" action="" class="form-horizontal">
280 | 			                <div class="form-group">
281 | 			                	<div class="input-group">
282 | 	                                <div class="input-group-addon addon-diff-color">
283 | 	                                    <span class="glyphicon glyphicon-envelope"></span>
284 | 	                                </div>
285 | 			                    	<input type="email" class="form-control" id="email" name="email" placeholder="Email Address">
286 | 			                	</div>
287 | 			                </div>
288 | 			                <div class="form-group">
289 | 			                	<div class="input-group">
290 | 	                                <div class="input-group-addon addon-diff-color">
291 | 	                                    <span class="glyphicon glyphicon-lock"></span>
292 | 	                                </div>
293 | 			                    	<input type="password" class="form-control" id="pwd" name="pwd" placeholder="Password">
294 | 			                    </div>
295 | 			                </div>
296 | 			                <div class="form-group">
297 | 			                   <input type="checkbox" class="form-control" id="remember-me" name="remember-me" style="width: 30px;"><div style="position: relative; top: -30px; left: 40px;"> Remember Me </div>
298 | 			                </div>
299 | 			                <div class="form-group">
300 | 			                    <input type="submit" value="Login" class="btn btn-warning btn-block" id="login" name="login">
301 | 			                </div>
302 | 			                <div class="form-group">
303 |                                 <div class="col-md-12 control">
304 |                                     <div style="border-top: 1px solid#888; padding-top:15px; font-size:85%" >
305 |                                         Don't have an account! 
306 |                                     <a href="#" onClick="$('.sign-in').hide(); $('.sign-up').show()">
307 |                                         Sign Up Here
308 |                                     </a>
309 |                                     </div>
310 |                                 </div>
311 |                             </div>    
312 | 				        </form>
313 | 		    		</div>
314 | 				</div>
315 | 		  	</div>
316 | 		  	<div class="col-md-6 col-md-offset-3 forgot-pass">
317 | 				<div class="panel">
318 | 			 		<div class="panel-heading">
319 | 					    <h3 class="panel-title text-center">RECOVER YOUR PASSWORD</h3>
320 | 					    <div style="float:right; font-size: 80%; position: relative; top:-10px"><a href="#" onClick="$('.forgot-pass').hide(); $('.sign-in').show()">Sign In</a></div>
321 | 					</div>
322 | 		  			<div class="panel-body">
323 | 						<form id="forgot-pass-frm" role="form" method="post" action="" class="form-horizontal">
324 | 			                <div class="form-group">
325 | 			                	<div class="input-group">
326 | 	                                <div class="input-group-addon addon-diff-color">
327 | 	                                    <span class="glyphicon glyphicon-envelope"></span>
328 | 	                                </div>
329 | 			                    	<input type="email" class="form-control" id="remail" name="remail" placeholder="Email Address">
330 | 			                	</div>
331 | 			                </div>
332 | 			                <div class="form-group">
333 | 			                    <input type="submit" value="GENERATE NEW PASSWORD" class="btn btn-warning btn-block" id="reset" name="reset">
334 | 			                </div>
335 | 				        </form>
336 | 		    		</div>
337 | 				</div>
338 | 		  	</div>
339 | 		</div>
340 | 	</div>
341 | </body>
342 | </html>


--------------------------------------------------------------------------------
/user/logout.php:
--------------------------------------------------------------------------------
 1 | <?php 
 2 | 	session_start();
 3 | 	if(isset($_SESSION['id'])) {
 4 | 		session_destroy();
 5 | 		unset($_SESSION['id']);
 6 | 		unset($_SESSION['name']);
 7 | 		echo "You are logout successfully.";
 8 | 		echo "<a href='index.php'>Click here to login again</a>";
 9 | 	}
10 |  ?>


--------------------------------------------------------------------------------
/user/registration.sql:
--------------------------------------------------------------------------------
 1 | -- phpMyAdmin SQL Dump
 2 | -- version 4.7.4
 3 | -- https://www.phpmyadmin.net/
 4 | --
 5 | -- Host: 127.0.0.1
 6 | -- Generation Time: Apr 29, 2018 at 07:57 PM
 7 | -- Server version: 10.1.30-MariaDB
 8 | -- PHP Version: 7.2.1
 9 | 
10 | SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
11 | SET AUTOCOMMIT = 0;
12 | START TRANSACTION;
13 | SET time_zone = "+00:00";
14 | 
15 | 
16 | /*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
17 | /*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
18 | /*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
19 | /*!40101 SET NAMES utf8mb4 */;
20 | 
21 | --
22 | -- Database: `registration`
23 | --
24 | 
25 | -- --------------------------------------------------------
26 | 
27 | --
28 | -- Table structure for table `users`
29 | --
30 | 
31 | CREATE TABLE `users` (
32 |   `id` int(4) NOT NULL,
33 |   `name` varchar(50) NOT NULL,
34 |   `mobile` bigint(10) NOT NULL,
35 |   `email` varchar(60) NOT NULL,
36 |   `pass` varchar(60) NOT NULL,
37 |   `activated` tinyint(2) NOT NULL DEFAULT '0',
38 |   `token` varchar(100) DEFAULT NULL,
39 |   `created_on` date NOT NULL
40 | ) ENGINE=InnoDB DEFAULT CHARSET=latin1;
41 | 
42 | --
43 | -- Indexes for dumped tables
44 | --
45 | 
46 | --
47 | -- Indexes for table `users`
48 | --
49 | ALTER TABLE `users`
50 |   ADD PRIMARY KEY (`id`),
51 |   ADD UNIQUE KEY `email` (`email`);
52 | 
53 | --
54 | -- AUTO_INCREMENT for dumped tables
55 | --
56 | 
57 | --
58 | -- AUTO_INCREMENT for table `users`
59 | --
60 | ALTER TABLE `users`
61 |   MODIFY `id` int(4) NOT NULL AUTO_INCREMENT;
62 | COMMIT;
63 | 
64 | /*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
65 | /*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
66 | /*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
67 | 


--------------------------------------------------------------------------------
/user/reset.php:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | <head>
  4 | 	<title>Complete user registration system in php and MySQL using Ajax</title>
  5 | 	<link rel="stylesheet" href="../css/bootstrap.min.css">
  6 | 	<script src="../js/jquery-3.2.1.min.js"></script>
  7 | 	<script src="../js/bootstrap.js"></script>
  8 | 	<style type="text/css">
  9 | 		#loader {
 10 | 	    	display: none;
 11 | 	    }
 12 | 	    .addon-diff-color {
 13 | 	      background-color: #f0ad4e;
 14 | 	      color: white;
 15 | 	    }
 16 | 	   .title {
 17 | 	   		color: #f0ad4e;
 18 | 	   		font-weight: bolder;
 19 | 	    }
 20 | 	</style>
 21 | 	<script type="text/javascript">
 22 | 		$(document).ready(function(){
 23 | 				$('#pass').keyup(function(){
 24 | 					// var regexp = new RegExp(/^[a-zA-Z]+$/);
 25 | 					var regexp = /^[a-zA-Z0-9]{6,50}$/;
 26 | 					if(regexp.test($('#pass').val())) {
 27 | 						$('#pass').closest('.form-group').removeClass('has-error');
 28 | 						$('#pass').closest('.form-group').addClass('has-success');
 29 | 					} else {
 30 | 						$('#pass').closest('.form-group').addClass('has-error');
 31 | 					}
 32 | 				})
 33 | 			
 34 | 				$('#cfm_pass').keyup(function(){
 35 | 					// var regexp = new RegExp(/^[a-zA-Z]+$/);
 36 | 					var regexp = /^[a-zA-Z0-9]{6,50}$/;
 37 | 					if(regexp.test($('#cfm_pass').val())) {
 38 | 						if($('#cfm_pass').val() == $('#pass').val()) {
 39 | 							$('#cfm_pass').closest('.form-group').removeClass('has-error');
 40 | 							$('#cfm_pass').closest('.form-group').addClass('has-success');
 41 | 						} else {
 42 | 							$('#cfm_pass').closest('.form-group').addClass('has-error');
 43 | 						}
 44 | 					} else {
 45 | 						$('#cfm_pass').closest('.form-group').addClass('has-error');
 46 | 					}
 47 | 				})
 48 | 
 49 | 				$('#update').click(function(event){
 50 | 					event.preventDefault();
 51 | 					var formData = $('#update-pass-frm').serialize();
 52 | 					var token 	 = "<?php echo $_GET['token']; ?>";
 53 | 					console.log(token);
 54 | 					$('#loader').show();
 55 | 					$.ajax({
 56 | 						url: 'action.php',
 57 | 						method: 'post',
 58 | 						data: formData + '&action=updatePass&token='+token
 59 | 					}).done(function(result){
 60 | 						$('#loader').hide();
 61 | 						console.log(result);
 62 | 						var data = JSON.parse(result);
 63 | 						if(data.status == 0) {
 64 | 							$('#result').html('<div class="alert alert-danger alert-dismissible" role="alert"><button type="button" class="close" data-dismiss="alert" aria-label="Close">x</button>'+data.msg+'</div>');
 65 | 						} else {
 66 | 							$('#result').html('<div class="alert alert-success alert-dismissible" role="alert"><button type="button" class="close" data-dismiss="alert" aria-label="Close">x</button>'+data.msg+'</div>');
 67 | 						}
 68 | 					})
 69 | 				})
 70 | 			})	
 71 | 	</script>
 72 | </head>
 73 | <body>
 74 | 	<div class="container">
 75 | 		<h2 class="text-center">Sign Up, Sign In, Forgot Password in php and MySQL using Ajax</h2>
 76 | 		<h3 class="text-center">Part 9: Validate reset password link and update password</h3>
 77 | 		<hr>
 78 | 		<h2 class="text-center title">Update your password</h2><br>
 79 | 		<div class="row">
 80 | 			<div class="col-md-6 col-md-offset-3">
 81 | 				<div id="result"></div>
 82 | 				<center><img src="img/loader.gif" id="loader"></center><br>
 83 | 			</div>
 84 | 			<div class="col-md-6 col-md-offset-3">
 85 | 				<form id="update-pass-frm" role="form" method="post" action="" class="form-horizontal">
 86 | 					<div class="form-group">
 87 | 	                	<div class="input-group">
 88 |                             <div class="input-group-addon addon-diff-color">
 89 |                                 <span class="glyphicon glyphicon-lock"></span>
 90 |                             </div>
 91 | 	                    	<input type="password" class="form-control" id="pass" name="pass" placeholder="New Password">
 92 | 	                    </div>
 93 | 	                </div>
 94 | 	                <div class="form-group">
 95 | 	                    <div class="input-group">
 96 |                             <div class="input-group-addon addon-diff-color">
 97 |                                 <span class="glyphicon glyphicon-lock"></span>
 98 |                             </div>
 99 | 	                    	<input type="password" class="form-control" id="cfm_pass" name="cfm_pass" placeholder="Confirm new Password">
100 | 	                    </div>
101 | 	                </div>
102 | 	                <div class="form-group">
103 | 	                    <input type="submit" value="UPDATE PASSWORD" class="btn btn-warning btn-block" id="update" name="update">
104 | 	                </div>
105 | 			    </form>
106 | 			</div>
107 | 		</div>
108 | 	</div>
109 | </body>
110 | </html>


--------------------------------------------------------------------------------
/user/users.php:
--------------------------------------------------------------------------------
  1 | <?php 
  2 | 	/**
  3 | 	* 
  4 | 	*/
  5 | 	class Users
  6 | 	{
  7 | 		protected $id;
  8 | 		protected $name;
  9 | 		protected $mobile;
 10 | 		protected $email;
 11 | 		protected $pass;
 12 | 		protected $activated;
 13 | 		protected $token;
 14 | 		protected $createdOn;
 15 | 		public $conn;
 16 | 
 17 | 		function setId($id) { $this->id = $id; }
 18 | 		function getId() { return $this->id; }
 19 | 		function setName($name) { $this->name = $name; }
 20 | 		function getName() { return $this->name; }
 21 | 		function setMobile($mobile) { $this->mobile = $mobile; }
 22 | 		function getMobile() { return $this->mobile; }
 23 | 		function setEmail($email) { $this->email = $email; }
 24 | 		function getEmail() { return $this->email; }
 25 | 		function setPass($pass) { $this->pass = $pass; }
 26 | 		function getPass() { return $this->pass; }
 27 | 		function setActivated($activated) { $this->activated = $activated; }
 28 | 		function getActivated() { return $this->activated; }
 29 | 		function setToken($token) { $this->token = $token; }
 30 | 		function getToken() { return $this->token; }
 31 | 		function setCreatedOn($createdOn) { $this->createdOn = $createdOn; }
 32 | 		function getCreatedOn() { return $this->createdOn; }
 33 | 
 34 | 
 35 | 		function __construct() {
 36 | 			require 'DbConnect.php';
 37 | 			$db = new DbConnect();
 38 | 			$this->conn = $db->connect();
 39 | 		}
 40 | 
 41 | 		public function save()
 42 | 		{
 43 | 			$sql = "INSERT INTO `users`(`id`, `name`, `mobile`, `email`, `pass`, `activated`, `token`, `created_on`) VALUES (null,:name,:mobile,:email,:pass,:activated,:token,:cdate)";
 44 | 			$stmt = $this->conn->prepare($sql);
 45 | 			$stmt->bindParam(':name', $this->name);
 46 | 			$stmt->bindParam(':mobile', $this->mobile);
 47 | 			$stmt->bindParam(':email', $this->email);
 48 | 			$stmt->bindParam(':pass', $this->pass);
 49 | 			$stmt->bindParam(':activated', $this->activated);
 50 | 			$stmt->bindParam(':token', $this->token);
 51 | 			$stmt->bindParam(':cdate', $this->createdOn);
 52 | 			try {
 53 | 				if($stmt->execute()) {
 54 | 					return true;
 55 | 				} else {
 56 | 					return false;
 57 | 				}
 58 | 			} catch (Exception $e) {
 59 | 				echo $e->getMessage();
 60 | 			}
 61 | 		}
 62 | 
 63 | 		public function getUserByEmail() {
 64 | 			$stmt = $this->conn->prepare('SELECT * FROM users WHERE email = :email');
 65 | 			$stmt->bindParam(':email', $this->email);
 66 | 			try {
 67 | 				if($stmt->execute()) {
 68 | 					$user = $stmt->fetch(PDO::FETCH_ASSOC);
 69 | 				}
 70 | 			} catch (Exception $e) {
 71 | 				echo $e->getMessage();
 72 | 			}
 73 | 			return $user;
 74 | 		}
 75 | 
 76 | 		public function getUserById() {
 77 | 			$stmt = $this->conn->prepare('SELECT * FROM users WHERE id = :id');
 78 | 			$stmt->bindParam(':id', $this->id);
 79 | 			try {
 80 | 				if($stmt->execute()) {
 81 | 					$user = $stmt->fetch(PDO::FETCH_ASSOC);
 82 | 				}
 83 | 			} catch (Exception $e) {
 84 | 				echo $e->getMessage();
 85 | 			}
 86 | 			return $user;
 87 | 		}
 88 | 
 89 | 		public function activateUserAccount() {
 90 | 			$stmt = $this->conn->prepare('UPDATE users SET activated = 1 WHERE id = :id');
 91 | 			$stmt->bindParam(':id', $this->id);
 92 | 			try {
 93 | 				if($stmt->execute()) {
 94 | 					return true;
 95 | 				} else {
 96 | 					return false;
 97 | 				}
 98 | 			} catch (Exception $e) {
 99 | 				echo $e->getMessage();
100 | 			}
101 | 		}		
102 | 		public function updateToken() {
103 | 			$stmt = $this->conn->prepare('UPDATE users SET token = :token WHERE id = :id');
104 | 			$stmt->bindParam(':token', $this->token);
105 | 			$stmt->bindParam(':id', $this->id);
106 | 			try {
107 | 				if($stmt->execute()) {
108 | 					return true;
109 | 				} else {
110 | 					return false;
111 | 				}
112 | 			} catch (Exception $e) {
113 | 				echo $e->getMessage();
114 | 			}
115 | 		}
116 | 		public function updatePass() {
117 | 			$stmt = $this->conn->prepare('UPDATE users SET pass = :pass WHERE id = :id');
118 | 			$stmt->bindParam(':pass', $this->pass);
119 | 			$stmt->bindParam(':id', $this->id);
120 | 			try {
121 | 				if($stmt->execute()) {
122 | 					return true;
123 | 				} else {
124 | 					return false;
125 | 				}
126 | 			} catch (Exception $e) {
127 | 				echo $e->getMessage();
128 | 			}
129 | 		}
130 | 
131 | 	}
132 | 
133 | 
134 |  ?>


--------------------------------------------------------------------------------
/user/verify.php:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 | 	<title>Verify user account</title>
 5 | </head>
 6 | <body>
 7 | 	<?php 
 8 | 		$id 	= $_GET['id'];
 9 | 		$token 	= $_GET['token'];
10 | 
11 | 		require 'users.php';
12 | 	 	$objUser = new Users();
13 | 	 	$objUser->setId($id);
14 | 
15 | 	 	$user = $objUser->getUserById();
16 | 	 	if(is_array($user) && count($user)>0) {
17 | 	 		if(sha1($user['id']) == $token) {
18 | 	 			if($objUser->activateUserAccount()) {
19 | 	 				echo 'Congratulation, Your account activated. You can login now.<br>';
20 | 	 				echo '<a href="index.php">Click here to login</a>';
21 | 	 			} else {
22 | 	 				echo 'Some problem occurred. Please Try after some time.';
23 | 	 			}
24 | 	 		} else {
25 | 	 			echo 'We can\'t find your detail in our database';
26 | 	 		}
27 | 	 	} else {
28 | 	 		echo 'We can\'t find your detail in our database';
29 | 	 	}
30 | 
31 | 	 ?>
32 | </body>
33 | </html>


--------------------------------------------------------------------------------
/user/welcome.php:
--------------------------------------------------------------------------------
 1 | <?php 
 2 | 	session_start();
 3 | 	if($_SESSION['id'] != session_id()) {
 4 | 		header('location: index.php');
 5 | 	}
 6 |  ?>
 7 | <!DOCTYPE html>
 8 | <html>
 9 | <head>
10 | 	<title>Complete user registration system in php and MySQL using Ajax</title>
11 | 	<link rel="stylesheet" href="../css/bootstrap.min.css">
12 | </head>
13 | <body>
14 | 	<div class="container">
15 | 		<h2 class="text-center">Welcome to <strong>localhost</strong> </h2><br>
16 | 		<div class="row">
17 | 			<div class="col-md-11 col-md-offset-1">
18 | 				<div class="col-md-10">Hello, <?php echo $_SESSION['name']; ?></div>
19 | 				<div class="col-md-2"><a href="logout.php">logout</a></div>
20 | 			</div>
21 | 		</div>
22 | 	</div>
23 | </body>
24 | </html>


--------------------------------------------------------------------------------