Ứng dụng Chat Ajax - Đăng ký - đăng nhập - đăng xuất

<?php
// Kết nối database, lấy dữ liệu chung
include('includes/general.php');
// Kết nối header
include('includes/header.php');
?>
<div class="box-join">
    <p>Tạo tài khoản hoặc đăng nhập để tham gia với chúng tôi</p>
    <form method="POST" id="formJoin" onsubmit="return false;">
        <input type="text" placeholder="Tên đăng nhập" class="data-input" id="username">
        <input type="password" placeholder="Mật khẩu" class="data-input" id="password">
        <button class="btn-submit">Bắt đầu</button>
        <div class="alert danger"></div>
    </form><!-- form#formJoin -->
</div><!-- div.box-join -->
<?php
// Kết nối footer
include('includes/footer.php');
?>

/* Form Login & Register */
.box-join {text-align: center; padding: 20px 10px;}
#formJoin .data-input {display: block; margin: auto; margin-top: 10px; padding: 8px 7px; border: 1px solid #ccc; font-size: 15px; width: 300px; color: #555; max-width: calc(100% - 16px);}
#formJoin .btn-submit {margin-top: 10px; padding: 8px 15px; background-color: #428bca; color: #fff; border: 1px solid #428bca; font-size: 15px; }
#formJoin .btn-submit:hover {cursor: pointer; opacity: 0.9;}
#formJoin .alert {color: #fff; width: 300px; padding: 8px 7px; margin: auto; margin-top: 10px; text-align: left; display: none;}

// Hàm gửi dữ liệu
function Join() {
    // Khai báo các biến dữ liệu trong form
    $username = $('#username').val();
    $password = $('#password').val();

    // Gửi dữ liệu
    $.ajax({
        url: 'join.php', // Đường dẫn file xử lý
        type: 'POST', // Phương thức
        // Các dữ liệu
        data: {
            username: $username,
            password: $password
                    // Thực thi khi gửi dữ liệu thành công
        }, success: function (result) {
            $('#formJoin .btn-submit').html('Bắt đầu');
            $('#formJoin .alert').html(result); // Thông báo
        }
    });
}

// Bắt sự kiện click vào nút bắt đầu của form
$('#formJoin .btn-submit').click(function () {
    $(this).html('Đang tải ...');
    // Thực thi gửi dữ liệu
    Join();
});

<?php
// Kết nối database, lấy dữ liệu chung
include('includes/general.php');

// Khai báo các biến nhận dữ liệu
$username = @mysqli_real_escape_string($cn, $_POST['username']);
$password = @mysqli_real_escape_string($cn, $_POST['password']);

// Các biến hiển thị thông báo 
$show_alert = '<script>$("#formJoin .alert").show();</script>'; // Hiển thị thông báo lỗi
$hide_alert = '<script>$("#formJoin .alert").hide();</script>'; // Ẩn thông báo lỗi
$success_alert = '<script>$("#formJoin .alert").attr("class", "alert success");</script>'; // Thông báo thành công
// Kiểm tra có tồn tại username
$query_check_exist_user = mysqli_query($cn, "SELECT * FROM users WHERE username = '$username'");

// Nếu username hoặc password trống
if ($username == '' || $password == '') {
    echo $show_alert . 'Vui lòng điền đầy đủ thông tin bên trên.'; // Thông báo
}
// Ngược lại
else {
    // Nếu tồn tại username thì thực thi đăng nhập
    if (mysqli_num_rows($query_check_exist_user)) {
        $password = md5($password); // Mã hoá password sang MD5
        // Kiểm tra thông tin đăng nhập
        $query_check_login = mysqli_query($cn, "SELECT * FROM users WHERE username = '$username' AND password = '$password'");
        // Nếu thông tin đăng nhập đúng
        if (mysqli_num_rows($query_check_login)) {
            echo $show_alert . $success_alert . 'Đăng nhập thành công.'; // Thông báo
            $_SESSION['username'] = $username; // Lưu session giá trị username
            echo '<script>window.location.reload();</script>'; // Tải lại trang
        }
        // Ngược lại
        else {
            echo $show_alert . 'Tên đăng nhập hoặc mật khẩu không chính xác.'; // Thông báo
        }
    }
    // Ngược lại thì thực thi đăng ký
    else {
        // Nếu độ dài username < 6 hoặc > 40
        if (strlen($username) < 6 || strlen($username) > 40) {
            echo $show_alert . 'Tên đăng nhập trong khoảng từ 6-40 ký tự.'; // Thông báo
        }
        // Nếu username chứa khoảng trắng và ký tự đặc biệt
        else if (preg_match('/\W/', $username)) {
            echo $show_alert . 'Tên đăng nhập không chứa khoảng trắng và ký tự đặc biệt.'; // Thông báo
        }
        // Nếu độ dài password < 6
        else if (strlen($password) < 6) {
            echo $show_alert . 'Mật khẩu của bạn quá ngắn, hãy thử lại với mật khẩu khác an toàn hơn.'; // Thông báo
        }
        // Không mắc các lỗi trên thì insert vào table
        else {
            $password = md5($password); // Mã hoá password sang MD5
            // Thêm thông tin người dùng vào table users 
            $query_create_user = mysqli_query($cn, "INSERT INTO users VALUES (
						'',
						'$username',
						'$password',
						'$date_current' 
					)");
            echo $show_alert . $success_alert . 'Đăng ký tài khoản thành công.'; // Thông báo
            $_SESSION['username'] = $username; // Lưu session giá trị username
            echo '<script>window.location.reload();</script>'; // Tải lại trang
        }
    }
}
?>

<?php
// Bắt đầu lưu session
session_start();
// Nếu tồn tại session
if (@$_SESSION['username']) {
    // Gán $user = session
    $user = $_SESSION['username'];
}
// Ngược lại 
else {
    // $user rỗng
    $user = '';
}

<?php
// Bắt đầu session
session_start();
// Xoá session
session_destroy();
// Di chuyển đến trang index.php
header('Location: index.php');
?>

Danh sách file tải về