PHP 登录问题

<body>
<div class="htmleaf-container">
<header class="htmleaf-header">
<h1>教室预约系统 <span>用户登录</span></h1>
</header>
<div id="wrapper" class="login-page">
  <div id="login_form" class="form">
    <form class="register-form">
      <input type="text" placeholder="用户名" id="r_user_name"/>
      <input type="password" placeholder="密码" id="r_password" />
      <input type="text" placeholder="电子邮件" id="r_emial"/>
      <button id="create">创建账户</button>
      <p class="message">已经有了一个账户? <a href="#">立刻登录</a></p>
    </form>
    <form class="login-form">
                        <input type="text" placeholder="用户名" id="user_name" name="user"/>
      <input type="password" placeholder="密码" id="password" name="pass"/>
                      <button id="login">登　录</button>
      <p class="message">还没有账户? <a href="#">立刻创建</a></p>
    </form>
  </div>
</div>  
            
</div>    
<script>window.jQuery || document.write('<script src="js/jquery-2.1.1.min.js"><\/script>')</script>
<script type="text/javascript">
function check_login()
{
 var name=$("#user_name").val();
 var pass=$("#password").val();
 if(name=='1' && pass=='1')
 {
  alert("登录成功！");
          window.location.href = "http://localhost/classroom/index.php"
 }
 else
 {
  $("#login_form").removeClass('shake_effect');  
  setTimeout(function()
  {
   $("#login_form").addClass('shake_effect')
  },1);  
 }
}
function check_register(){
var name = $("#r_user_name").val();
var pass = $("#r_password").val();
var email = $("r_email").val();
if(name!="" && pass=="" && email != "")
 {
  alert("注册成功！");
  $("#user_name").val("");
  $("#password").val("");
 }
 else
 {
  $("#login_form").removeClass('shake_effect');  
  setTimeout(function()
  {
   $("#login_form").addClass('shake_effect')
  },1);  
 }
}
$(function(){
$("#create").click(function(){
check_register();
return false;
})
$("#login").click(function(){
check_login();
return false;
})
$('.message a').click(function () {
    $('form').animate({
        height: 'toggle',
        opacity: 'toggle'
    }, 'slow');
});
})
</script>
</body>
创建了一个数据库  想登录的时候账号密码检验的是数据库的账号密码 而不是JS中打的1  怎么改啊 大神们  因为有一些做的动画特效 不想跳转到另外一个PHP进行判断

解决方案 »

  1.   

    这个是基本的AJAX操作，随便写一下吧 <?php
     
     if(isset($_POST['action'])&&$_POST['action']=='login'){
     
    $conn=mysql_connect('localhost','root','root');
    mysql_select_db('classroom');
    mysql_query("set names 'utf8'");
    $res=mysql_query("select * from cstb_user where `name`='{$_POST['name']}' and pwd='{$_POST['pass']}'");
    $rs=mysql_fetch_array($res,MYSQL_ASSOC);
    exit($rs?1:0);

     }
     
     ?> 
                
    </div>    
    <script>window.jQuery || document.write('<script src="js/jquery-2.1.1.min.js"><\/script>')</script>
    <script type="text/javascript">
    function check_login()
    {
     var name=$("#user_name").val();
     var pass=$("#password").val();
     if(name&&pass)
     {
    $.post("index.php", {'name':name, 'pass': pass,'action':'login' },
       function(data){
    if(data){
    //登录成功逻辑
    }else{
    alert('登录失败');
    }
       }); 
     }
      

  2.   

    连数据库最好使用mysqli或pdo的prepare，防止有sql注入
      

  3.   

    提交给php，php连接数据库验证。
      

  4.   

    这个是基本的AJAX操作，随便写一下吧
      

  5.   

    百度 php ajax 操作数据库 一推