簡單用JQ+PHP+Ajax實現表單驗證用戶名及密碼


  
  
  
          
  1. <html><head>
  2. <meta charset="utf-8">
  3. <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
  4. <script type="text/javascript" src="a.js"></script>
  5. <style type="text/css">
  6. body { font:12px/1.6em "宋體" }
  7. ul { list-style:none; }
  8. li { margin-top:10px; }
  9. </style>
  10. </head>
  11. <body>
  12. <h3>會員登錄</h3>
  13. <div id="login">
  14. <form method="post" action="login.php" id="form" name="form">
  15. <ul>
  16. <li>名字:<input type="text" name="user" id="user" size="16" maxlength="20"></li>
  17. <li>密碼:<input type="password" name="pass" id="pass" size="16" maxlength="20"></li>
  18. <li>
  19. <input type="submit" style="border:0" />
  20. </li>
  21. <li id="confirm"></li>
  22. </ul>
  23. </form>
  24. </div>
  25. </body></html>
   
   
   
           
  1. $(document).ready(function(){
  2. $("#form").submit(function(){
  3. login();
  4. return false;
  5. });
  6. });
  7. function login(){
  8. var user = $("#user").val();
  9. var pass = $("#pass").val();
  10. if (user == ""){
  11. $("#confirm").text("請輸入登錄用戶名");
  12. $("#user").focus();
  13. return false;
  14. }
  15. if(pass == ""){
  16. $("#confirm").text("請輸入登錄密碼");
  17. $("#pass").focus();
  18. return false;
  19. }
  20. $.ajax({
  21. type: "POST",
  22. url: "login.php",
  23. data: "id=" + user + "&p=" + pass,
  24. beforeSend: function(){
  25. $("confirm").text("登錄中,請稍候");
  26. },
  27. success: function(msg){
  28. if(msg == "success"){
  29. $("#confirm").text("登錄成功,歡迎" + user + "回來!正在進入你的空間");
  30. }else {
  31. $("#confirm").text("沒有此用戶或者密碼不正確!");
  32. }
  33. }
  34. });
  35. }
    
    
    
            
  1. <?php
  2. $p = isset($_POST["p"]) ? $_POST["p"] : $_GET["p"];
  3. $id = isset($_POST["id"]) ? $_POST["id"] : $_GET["id"];
  4. if($id == "admin" && $p == "admin"){
  5. echo 'success';
  6. }
  7. ?>






免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM