PHP Note Online - Đăng ký, đăng nhập, đăng xuất - Ứng dụng Note và Chat với PHP

<div class="container">
	<div class="row">
		<div class="col-md-5">
			<h3 class="text-primary">Đăng nhập</h3>
			<form method="POST" onsubmit="return false;" id="formSignin">
				<div class="form-group">
	    			<label for="user_signin">Tên đăng nhập</label>
	    			<input type="text" class="form-control" id="user_signin">
	  			</div>
	  			<div class="form-group">
	    			<label for="pass_signin">Mật khẩu</label>
	    			<input type="password" class="form-control" id="pass_signin">
	  			</div>
	  			<button class="btn btn-primary" id="submit_signin">Đăng nhập</button>
	  			<br><br>
	  			<div class="alert alert-danger hidden"></div>
			</form>
		</div>
	</div>
	<div class="row">
		<div class="col-md-5">
			<h3 class="text-success">Đăng ký tài khoản</h3>
			<p class="text-danger">* Vui lòng nhập đầy đủ thông tin dưới đây để đăng ký tài khoản :</p>
			<form method="POST" onsubmit="return false;" id="formSignup">
				<div class="form-group">
	    			<input type="text" class="form-control" placeholder="Tên đăng nhập" id="user_signup">
	  			</div>
	  			<div class="form-group">
	    			<input type="password" class="form-control" placeholder="Mật khẩu" id="pass_signup">
	  			</div>
	  			<div class="form-group">
	    			<input type="password" class="form-control" placeholder="Nhập lại mật khẩu" id="repass_signup">
	  			</div>
	  			<button class="btn btn-success" id="submit_signup">Tạo tài khoản</button>
	  			<br><br>
	  			<div class="alert alert-danger hidden"></div>
			</form>
		</div>
	</div>
</div>

// Bắt sự kiện khi click vào nút Tạo tài khoản
$('#submit_signup').on('click', function() {
	// Gán các giá trị trong form đăng ký vào các biến
	$user_signup = $('#user_signup').val();
	$pass_signup = $('#pass_signup').val();
	$repass_signup = $('#repass_signup').val();

	// Nếu một trong các biến này rỗng
	if ($user_signup == '' || $pass_signup == '' || $repass_signup == '')
	{
		// Hiển thị thông báo lỗi
		$('#formSignup .alert').removeClass('hidden');
		$('#formSignup .alert').html('Vui lòng điền đầy đủ thông tin bên trên.');
	}
	// Ngược lại
	else
	{
		// Thực thi gửi dữ liệu bằng Ajax
		$.ajax({
			url : 'signup.php', // Đường dẫn file nhận dữ liệu
			type : 'POST', // Phương thức gửi dữ liệu
			// Các dữ liệu
			data : {
				user_signup : $user_signup,
				pass_signup : $pass_signup,
				repass_signup : $repass_signup
			// Thực thi khi gửi dữ liệu thành công
			}, success : function(data) {
				$('#formSignup .alert').html(data);
			}
		});
	}
});

<?php

// Include database, session, general info
require_once 'core/init.php';

// Nếu tồn tại $user
if ($user)
{
	header('Location: index.php'); // Di chuyển đến trang chủ
}

// Nhận dữ liệu và gán vào các biến đồng thời xử lý chuỗi
$user_signup = $db->real_escape_string(@$_POST['user_signup']);
$pass_signup = @$_POST['pass_signup'];
$repass_signup = @$_POST['repass_signup'];

// Các biến chứa code JS về thông báo
$show_alert = "<script>$('#formSignup .alert').removeClass('hidden');</script>";
$hide_alert = "<script>$('#formSignup .alert').addClass('hidden');</script>";
$success_alert = "<script>$('#formSignup .alert').attr('class', 'alert alert-success');</script>";

// Lệnh SQL kiểm tra sự tồn tại của username
$sql_check_user_exist = "SELECT username FROM users WHERE username = '$user_signup'";

// Nếu độ dài tên đăng nhập không nằm trong khoảng từ 6-24 ký tự
if (strlen($user_signup) < 6 || strlen($user_signup) > 24)
{
	echo $show_alert.'Tên đăng nhập phải nằm trong khoảng 6-24 ký tự.';
}
// Ngược lại nếu tên đăng nhập chứa ký tự đặc biệt và khoảng trắng
else if (preg_match('/W/', $user_signup))
{
	echo $show_alert.'Tên đăng nhập không được chứa ký tự đặc biệt và khoảng trắng.';
}
// Ngược lại nếu tồn tại tên đăng nhập
else if ($db->num_rows($sql_check_user_exist))
{
	echo $show_alert.'Tên đăng nhập đã tồn tại, vui lòng sử dụng tên khác.';
}
// Ngược lại nếu độ dài mật khẩu nhỏ hơn 6
else if (strlen($pass_signup) < 6)
{
	echo $show_alert.'Mật khẩu quá ngắn, hãy thử với mật khẩu khác an toàn hơn.';
}
// Ngược lại nếu mật khẩu nhập lại không khớp
else if ($pass_signup != $repass_signup)
{
	echo $show_alert.'Mật khẩu nhập lại không khớp, đảm bảo đã tắt caps lock.';
}
// Ngược lại
else
{
	$pass_signup = md5($pass_signup); // Mã hoá mật khẩu sang MD5
	// Lệnh SQL tạo tài khoản
	$sql_signup = "INSERT INTO users VALUES (
		'',
		'$user_signup',
		'$pass_signup',
		'$date_current'
	)";
	// Thực thi truy vấn
	$db->query($sql_signup);

	// Gửi dữ liệu để lưu session
	$session->send($user_signup);
	// Giải phóng kết nối
	$db->close();
	
	// Hiển thị thông báo và tải lại trang
	echo $show_alert.$success_alert." Đăng ký tài khoản thành công.
		<script>
			location.reload();
		</script>
	";
}

?>

// Bắt sự kiện click vào nút Đăng nhập
$('#submit_signin').on('click', function() {
	// Gán các giá trị trong form đăng nhập vào các biến
	$user_signin = $('#user_signin').val();
	$pass_signin = $('#pass_signin').val();

	// Nếu một trong các biến này rỗng
	if ($user_signin == '' || $pass_signin == '')
	{
		// Hiển thị thông báo lỗi
		$('#formSignin .alert').removeClass('hidden');
		$('#formSignin .alert').html('Vui lòng điền đầy đủ thông tin bên trên.');
	}
	// Ngược lại
	else
	{
		// Thực thi gửi dữ liệu bằng Ajax
		$.ajax({
			url : 'signin.php', // Đường dẫn file nhận dữ liệu
			type : 'POST', // Phương thức gửi dữ liệu
			// Các dữ liệu
			data : {
				user_signin : $user_signin,
				pass_signin : $pass_signin
			// Thực thi khi gửi dữ liệu thành công
			}, success : function(data) {
				$('#formSignin .alert').html(data);
			}
		});
	}
});

<?php

// Include database, session, general info
require_once 'core/init.php';

// Nếu tồn tại $user
if ($user)
{
	header('Location: index.php'); // Di chuyển đến trang chủ
}

// Nhận dữ liệu và gán vào các biến đồng thời xử lý chuỗi
$user_signin = $db->real_escape_string(@$_POST['user_signin']);
$pass_signin = @md5($_POST['pass_signin']);

// Các biến chứa code JS về thông báo
$show_alert = "<script>$('#formSignin .alert').removeClass('hidden');</script>";
$hide_alert = "<script>$('#formSignin .alert').addClass('hidden');</script>";
$success_alert = "<script>$('#formSignin .alert').attr('class', 'alert alert-success');</script>";

// Lệnh SQL kiểm tra sự tồn tại của username
$sql_check_user_exist = "SELECT username FROM users WHERE username = '$user_signin'";

// Nếu tồn tại username
if ($db->num_rows($sql_check_user_exist))
{
	// Lệnh SQL kiểm tra password tương ứng với username trên
	$sql_check_login = "SELECT username FROM users WHERE username = '$user_signin' AND password = '$pass_signin'";

	// Nếu đúng
	if ($db->num_rows($sql_check_login))
	{
		// Gửi dữ liệu để lưu session
		$session->send($user_signin);
		// Giải phóng kết nối
		$db->close();

		// Hiển thị thông báo và tải lại trang
		echo $show_alert.$success_alert." Đăng nhập thành công.
			<script>
				location.reload();
			</script>
		";
	}
	// Ngược lại nếu sai
	else
	{
		echo $show_alert.'Mật khẩu không chính xác, đảm bảo đã tắt caps lock.';
	}
}
// Ngược lại không tồn tại username
else
{
	echo $show_alert.'Tên đăng nhập không thuộc bất cứ tài khoản nào.';
}

?>

<?php

// Include database, session, general info
require_once 'core/init.php';
// Xoá session
$session->destroy();
// Trở về trang chủ
header('Location: index.php');

?>