Kiểm Tra Login Wapego AJAX

Đây là code cơ bản wapego:

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">Có</option><option value="2">Không</option></select><br/>
9. <input type="submit" value="Đăng nhập"/>
10. </form>

Đó :v

Biến đổi chút thành:

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. })
29. 
    
30.  Done!!!
31. Nguồn: Phonho