如何使用wordpress检查用户名是否存在而不刷新页面

时间:2015-06-13 06:49:15

标签: javascript php jquery ajax wordpress

我想检查表单中的文本字段,如果用户名存在于数据库中,或者没有。我希望它没有刷新页面,我正在使用Wordpress。我知道它可以通过ajax但我在Wordpress和任何ajax中尝试过ajax代码没有在它上面运行。请提供任何代码或任何有用的链接。上次我试过这个但没有工作:

<?php
if(!empty($user_name)){ 

$usernamecheck = $wpdb->get_results("select id from wp_teacher_info where      user_name='$user_name'");
if(!empty($usernamecheck)){
echo'username not available';
}
else {

}
}?>

<label for="user_name" id="user_name">Username: </label>
<input type="text" name="user_name" id="user_name" required/>
<span id="user-result" ></span>


<script type="text/javascript">

jQuery("#user_name").keyup(function (e) { //user types username on   inputfiled

var user_name = jQuery(this).val(); //get the string typed by user
jQuery.post('teacher_form.php', {'user_name':user_name}, function(data) { 
jQuery("#user-result").html(data); //dump the data received from PHP page
});
});
</script>

1 个答案:

答案 0 :(得分:0)

使用

if(!empty($_POST['user_name']){ 
  $user_name = $_POST['user_name'];

<?php
if(!empty($_POST['user_name']){ 
      $user_name = $_POST['user_name'];
      $usernamecheck = $wpdb->get_results("select id from wp_teacher_info where user_name='$user_name'");
      if(!empty($usernamecheck)){
         echo'username not available';
      }
      else {

      }
}
?>

但是keyup事件会调用每个keyup的ajax ..你可以使用**.blur()**而不是**.keyup()**