2013-07-31 50 views
0

我有这个代码实时用户名搜索,但它不工作。非常新的了Ajax,并有一个不错的抓地力在PHP ......认为我是个菜鸟...实时用户名搜索无效。提交也停止工作

这是我使用的脚本,然后形式

form name="registerationform" id="registerationform" method="post" autocomplete="off"> 
    <input type="hidden" name="action" value="signup"> 
    <div class="editProfileCont"> 
      <div class="formFieldRow"> 
      <div class="fields"> 

     First Name<sup><font color="#FF0000">*</sup></font>: <input type="text" name="fname" maxlength="30" id="fname" class="required" minlength="1" value="<?php if(isset($_POST[fname])){ echo $_POST[fname];}?>"></div></div><br><br> 
     <div class="formFieldRow"> 
      <div class="fields"> 
     Last Name<sup><font color="#FF0000">*</sup></font>: <input type="text" name="lname" maxlength="30" id="lname" class="required" minlength="1" value="<?php if(isset($_POST[lname])){ echo $_POST[lname];}?>"></div></div> <br><br> 
     <div class="formFieldRow"> 
      <div class="fields"> 
     Age<sup><font color="#FF0000">*</sup></font>:  <input type="text" name="age" maxlength="2" id="age" class="required" minlength="1" value="<?php if(isset($_POST[age])){ echo $_POST[age];}?>"></div></div><br> 
     <b><?php echo $errorEmail?><br></b> 
     <div class="formFieldRow"> 
      <div class="fields"> 
     E-Mail Id<sup><font color="#FF0000">*</sup></font>: <input type="text" name="email" maxlength="40" id="email" class="required email" minlength="1" value="<?php if(isset($_POST[email])){ echo $_POST[email];}?>"></div></div><br> 
     <b><?php echo $errorUname?><br></b> 
     <div class="formFieldRow"> 
      <div class="fields"> 
     User Name<sup><font color="#FF0000">*</sup></font>: <input type="text" name="uname" maxlength="10" id="uname" class="required" minlength="1" value="<?php if(isset($_POST[uname])){ echo $_POST[uname];}?>" onchange="showUser(this.value)"></div></div> <br> 
     <div id="disp"></div><br /><br> 
     <div class="formFieldRow"> 
      <div class="fields"> 
     Password<sup><font color="#FF0000">*</sup></font>: <input type="password" name="pword" id="pword" class="required" minlength="5"></div></div><br><br><br> 


<input type="submit" value="Submit" class="commenButton submitResetBTN">&nbsp;&nbsp;<input name="reset" type="reset" value="Reset" class="commenButton submitResetBTN"> 


now this is my getuser.php 

<?php 
session_start(); 
include "connection.php"; 
$q=$_POST['name']; 
$sql="SELECT * FROM persons WHERE UserName = '".$q."'"; 

$result = mysqli_query($con,$sql); 
$row=mysqli_num_rows($result); 
if($row==0) 
{ 
echo "<span style='color:green;'>Available</span>"; 
} 
else 
{ 
echo "<span style='color:red;'>Already exist</span>"; 
} 

?> 

<script> 
    $(document).ready(function(){ 
     $("#uname").keyup(function() { 
      var name = $('#uname').val(); 
      if(uname=="") 
      { 
       $("#disp").html(""); 
      } 
      else 
      { 
       $.ajax({ 
        type: "POST", 
        url: "getuser.php", 
        data: "name="+ uname , 
        success: function(html){ 
        $("#disp").html(html); 
        } 
       }); 
      return false; 
      } 
     }); 
    }); 
</script> 

它只是留下来。什么都没发生。该怎么办??帮帮我。

+4

'var name'然后'uname'再次检查 – 2013-07-31 07:19:08

回答

0
$(document).ready(function(){ 
    $("#uname").keyup(function() { 
     var uname = $('#uname').val(); 
     if(uname=="") 
     { 
      $("#disp").html(""); 
     } 
     else 
     { 
      $.ajax({ 
       type: "POST", 
       url: "getuser.php", 
       data: "name="+ uname , 
       success: function(html){ 
       $("#disp").html(html); 
       } 
      }); 
     return false; 
     } 
    }); 
}); 

你的脚本说var name = ...一线后,你检查uname。上面的代码已更正。剩下的代码看起来对我来说是正确的。

+0

那么它不应该在第11行中改变?因为它仍然不起作用。我已经应用了一堆其他jQuery,他们工作得很好。 –

+0

你在''success'函数里面试过'console.log(html)'吗?要查看,是否有来自服务器的答案? –

+0

nope。不知道如何使用它...我应该写什么,在哪里? –