Hôm nay chúng tôi sẽ chỉ cho bạn cách kiểm tra tính khả dụng của tên người dùng bằng PHP và jQuery. Nói chung, chúng tôi cần kiểm tra xem tên người dùng hoặc email đã tồn tại hay chưa trong quá trình đăng ký mà không cần gửi biểu mẫu. Vì vậy, trong bài viết này, chúng tôi sẽ giải thích cho bạn cách chúng tôi có thể kiểm tra xem tên người dùng có sẵn hay không bằng cách sử dụng jQuery, Ajax và PHP
kiểm tra tên người dùng có tồn tại php, Tính khả dụng của tên người dùng trực tiếp Kiểm tra bằng PHP và jQuery AJAX, JQuery – Xác thực tính khả dụng của tên người dùng bằng PHP và MySQL, Cách triển khai Kiểm tra tính năng khả dụng của tên người dùng Với AJAX & JQuery, xác thực tên người dùng đã tồn tại trong jquery, kiểm tra xem người dùng đã tồn tại chưa
Kiểm tra các bài viết khác về PHP
- Kiểm tra xem tệp có tồn tại trong PHP không
- Chuyển đổi base64 thành tệp hình ảnh trong PHP
- Xóa tất cả các tệp khỏi một thư mục trong PHP
- Thay thế hình ảnh src trong HTML bằng PHP
- Sắp xếp mảng trong PHP
Trong bài viết này, chúng tôi sẽ lấy một ví dụ có chứa một hộp văn bản đơn giản cho tên người dùng. Hộp văn bản đó có sự kiện onblur để xác thực tên người dùng đã chèn khi con trỏ rời khỏi trường hộp văn bản. Chúng tôi sẽ kiểm tra các bản ghi trong cơ sở dữ liệu bằng cách gọi yêu cầu ajax ở chế độ nền và hiển thị thông báo thích hợp
Các bước để kiểm tra tính khả dụng của tên người dùng trong PHP
1. Tạo bảng trong cơ sở dữ liệu
Đầu tiên, Chạy đoạn script sau để tạo bảng trong cơ sở dữ liệu
1
2
3
4
5
6
TẠO BẢNG `người dùng` [
id int[11] NOT NULL PRIMARY KEY AUTO_INCREMENT,
tên người dùng varchar[255] NOT NULL,
email varchar[255] NOT NULL,
mật khẩu varchar[255] NOT NULL
] CÔNG DỤNG = InnoDB MẶC ĐỊNH CHARSET=latin1;
2. Kết nối cơ sở dữ liệu
Chúng tôi phải tạo một tệp để kết nối cơ sở dữ liệu có tên connection.php
sự liên quan. php
1
2
3
4
5
6
7
3. Bao gồm thư viện jQuery và Bootstrap
Đã đến lúc tạo HTML, vì vậy trước tiên chúng ta phải đưa các thư viện jQuery và Bootstrap sau vào phần đầu của trang. jQuery sẽ được sử dụng để làm việc với lệnh gọi Ajax và thư viện bootstrap kiểu dáng sẽ được thêm vào biểu mẫu
1
2
src="//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">
4. Tạo biểu mẫu HTML
Bây giờ, hãy tạo một biểu mẫu đơn giản chứa trường văn bản input cho tên người dùng và div#uname_result để hiển thị phản hồi ajax
Đối với mục đích demo, chúng tôi chỉ lấy một trường duy nhất nhưng bạn có thể sử dụng logic tương tự trong dự án thực của mình
1
2