首页>>表单>>jquery ajax登陆代码，无刷新提示错误(2013-09-05)

jquery ajax登陆代码，无刷新提示错误

 jquery ajax登陆代码，无刷新提示错误

测试页面用了jquery.validate.min.js判断email等是否合法，可以在不同情况下看是否需要。

 

jquery ajax登陆代码，无刷新提示错误
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 js代码

JavaScript Code复制内容到剪贴板
  1. <script>  
  2. $(document).ready(function(){  
  3.     $('#login').validate({  
  4.         rules: {  
  5.             usrpass: {  
  6.                 required: true  
  7.             },  
  8.             usremail: {  
  9.                 required: true,  
  10.                 email: true  
  11.             }  
  12.         },  
  13.         messages: {  
  14.             usrpass: {  
  15.                 required: 'Password is required.'     
  16.             },  
  17.             usremail: {  
  18.                 required: 'Email is required.',  
  19.                 email : 'Invalid Email.'  
  20.             }  
  21.         }  
  22.     }); // end register validation  
  23. });  
  24. </script>  

主要代码

XML/HTML Code复制内容到剪贴板
  1. <div id="DivLogin">  
  2.             <form action="" id="login" method="POST">  
  3.                 <table>  
  4.                     <tr>  
  5.                         <td>Email :</td>  
  6.                         <td><input type="text" id="usremail" name="usremail" /></td>  
  7.                     </tr>  
  8.                     <tr>  
  9.                         <td>Password :</td>  
  10.                         <td><input type="password" id="usrpass" name="usrpass" /></td>  
  11.                     </tr>  
  12.                     <tr>  
  13.                         <td><input type="hidden" name="login" value="login" /></td>  
  14.                         <td><input type="submit" id="submit" name="submit" value="Submit" /></td>  
  15.                     </tr>  
  16.                     <tr>  
  17.                         <td colspan="2"><?php echo (isset($msg) ? '<font color="red">'.$msg.'</font>': '');?></td>  
  18.                     </tr>  
  19.                 </table>  
  20.             </form>  
  21.         </div>  

php代码

PHP Code复制内容到剪贴板
  1. <?php  
  2. session_start();  
  3. if (isset($_POST['login']) and $_POST['login'] == 'login')  
  4. {  
  5. include 'conn.php';  
  6. $email = mysql_real_escape_string($_POST['usremail']);  
  7. $password = mysql_real_escape_string($_POST['usrpass']);  
  8. $password = md5($password);  
  9.   
  10. $sql = "select count(*) from username_list where email='$email' and password='$password'";  
  11. $result = mysql_query($sql);  
  12. if (!$result)  
  13. {  
  14.         echo 'Error Saving Data. ';  
  15.         exit();   
  16. }  
  17. $row = mysql_fetch_array($result);  
  18.     if ($row[0] > 0)  
  19.     {  
  20.         $_SESSION['loggedIn'] = true;  
  21.         header ('Location: welcome.php');  
  22.         exit();  
  23.     }  
  24.     else  
  25.     {         
  26.         $msg = 'Wrong email or password.';  
  27.     }  
  28. }  
  29. ?>  

以上代码放在登陆页就可以了


原文地址:http://www.freejs.net/article_biaodan_18.html