Xin chào các bạn, chào mừng các bạn đã quy trở lại với series hướng dẫn xây dựng ứng dụng ghi chú online bằng PHP OOP và Ajax. Ở bài trước chúng ta đã hiển thị và viết các chức năng thêm/sửa/xoá ghi chú rồi. Trong bài học hôm nay mình sẽ hướng dẫn các bạn viết chức năng đổi mật khẩu và đây cũng là bài học cuối cùng của series này. Bây giờ chúng ta bắt đầu thôi !
Trở về
Thay đổi
Trong đó: #formChangePass là form đổi mật khẩu.
Bài viết này được đăng tại [free tuts .net]
File js/functions/change-pass.js sẽ đảm nhận chức
năng này, các bạn mở file lên và copy nội dung này vào:
// Bắt đầu khi click vào nút Thay đổi
$['#submit_change_pass'].on['click', function[] {
// Gán các giá trị trong form tạo note vào các biến
$old_pass = $['#old_pass'].val[];
$new_pass = $['#new_pass'].val[];
$re_new_pass = $['#re_new_pass'].val[];
// Nếu một trong các biến này rỗng
if [$old_pass == '' || $old_pass == '' || $re_new_pass == '']
{
$['#formChangePass .alert'].removeClass['hidden'];
$['#formChangePass .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 : 'change-pass.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 : {
old_pass : $old_pass,
new_pass : $new_pass,
re_new_pass : $re_new_pass
// Thực thi khi gửi dữ liệu thành công
}, success : function[data] {
$['#formChangePass .alert'].removeClass['hidden'];
$['#formChangePass .alert'].html[data];
}
}];
}
}];OK, bây giờ chúng ta sẽ viết PHP để nhận và xử lý dữ liệu.
Mở file change-pass.php lên và paste đoạn code bên dưới :
Chủ Đề