Kiểm tra đăng nhập cho wapego bằng jQuery AJAX

19.01.2016 / 17:09
MrKen
Bài đăng: 2646
Trùm!
Vẫn là A N H

Đây là code sử dụng AJAX để kiểm tra đăng nhập cho wapego. Các bạn cũng có thể biến đổi để sử dụng cho các mã nguồn hay wapbuilder khác.

Đầu tiên mình rất xin lỗi các bạn đang chờ video từ mình. Bởi vì cái dự án của mình còn rất dang dở với cả năm sắp hết rồi nên mình muốn dành thời gian rảnh để viết code kia. Vì vậy nên chưa thể làm video được. Thôi thì viết tạm một bài để các bạn tham khảo.

Đầu tiên, chúng ta cần tậo một form đăng nhập, các bạn có thể thiết kế giao diện tuỳ ý nhưng chúng ta cần có 3 id cho thẻ form, thẻ input nickinput pass. Ví dụ với form mặc định của wapego:

HTML5
  1. <form action="main.php" method="get" id="form_login">
  2. <input type="hidden" name="id" value="log"/>
  3. Tên truy nhập:<br/>
  4. <input name="nick" id="nick" maxlength="30"/><br/>
  5. Mật khẩu (tối thiểu 6 kí tự):<br/>
  6. <input name="pass" id="pass" maxlength="30" type="password"/><br/>
  7. Ghi nhớ tôi:<br/>
  8. <select name="rem"><option value="1"></option><option value="2">Không</option></select><br/>
  9. <input type="submit" value="Đăng nhập"/>
  10. </form>

Tiếp theo, chúng ta bắt đầu viết javascript nhé

Code cơ bản:

PHP
  1. $(function(){
  2. $('#form_login').submit(function(){ // Chạy hàm khi "submit" form_login
  3. nick = $('#nick').val(); // Lấy giá trị của tên nick nhập vào
  4. pass = $('#pass').val(); // Lấy giá trị mật khẩu nhập vào
  5. if(nick == '' || nick == null){ // Kiểm tra tên nick
  6. alert('Bạn chưa nhập tên đăng nhập!');
  7. } else if(pass == '' || pass == null){
  8. // Kiểm tra mật khẩu
  9. alert('Bạn chưa nhập mật khẩu');
  10. } else {
  11. // Phần chính, chúng ra sẽ thực hiện AJAX load đến trang đăng nhập
  12. $.get('main.php?' + $(this).serialize(), function(data){
  13. // Kiểm tra dữ liệu trả về
  14. if(data.indexOf('Sai mật khẩu') > -1){
  15. // Nếu dữ liệu chứa từ: Sai mật khẩu
  16. alert('Mật khẩu không đúng!');
  17. } else if(data.indexOf('chưa được đăng ký') > -1){
  18. // Nếu dữ liệu chứa từ: chưa được đăng ký
  19. alert('Tài khoản không tồn tại!');
  20. } else{
  21. alert('Đăng nhập thành công!');
  22. window.location.replace('main.php'); // Chuyển hướng về trang chủ
  23. }
  24. })
  25. }
  26. return !1; // Ngăn chuyển hướng sau khi "sumit"
  27. })
  28. })

Lưu ý:

- các bạn cần chỉnh sửa các từ được kiểm tra cho phù hợp với ngôn ngữ trang của bạn.

- javascript cần lưu vào file riêng mới có thể hoạt động chính xác

Vậy là chúng ta đã hoàn thành một form đăng nhập đơn giản sử dụng AJAX cho wapego. Các bạn có thể phát triển để có giao diện đẹp hơn.

Chúc các bạn thành công!

Copy đi nơi khác vui lòng ghi nguồn: http://phonho.net

Đã chỉnh sửa. MrKen (24.02.2017 / 21:32)
19.01.2016 / 17:39
MrKen
Bài đăng: 2646
Trùm!
Vẫn là A N H

chưa ai quan tâm :3

19.01.2016 / 18:10
b0ysh0ckhn
Bài đăng: 1146
Member
Nguyễn Minh Phương

:) đã xem

19.01.2016 / 18:11
hanhphucao
Bài đăng: 2470
Admin
Admin là người tận tâm và luôn hành xử đúng mực.

:gay:

19.01.2016 / 18:14
b0ysh0ckhn
Bài đăng: 1146
Member
Nguyễn Minh Phương

:)) k hứng mấy.có cái hứng thì chưa share

19.01.2016 / 18:24
MrKen
Bài đăng: 2646
Trùm!
Vẫn là A N H

có hứng cái gì :v

19.01.2016 / 18:49
nasic
Bài đăng: 784
Member
Ma Văn Nguyên

Cái gì có hứng :v

19.01.2016 / 19:08
duongchung
Bài đăng: 352
Member
Cox Vô Tâm

Đã cmt

19.01.2016 / 19:49
HuyAnh
Bài đăng: 1142
Member
https://www.facebook.com/boduyvidai9999/videos/219

:) chưa hay lắm

19.01.2016 / 21:28
ga_bong
Bài đăng: 519
Member
♔ Lovemoon.wap.mu ♔

đã cmt