PHP - проверить, существует ли пользователь в БД, и отобразить результат, не перезагружая страницу

Question

Я хочу проверить, существует ли пользователь в БД, и, если он существует, отобразить ошибку без перезагрузки страницы (изменить div). Есть идеи, что не так в этом коде? Или есть другая идея, как это сделать? Спасибо

HTML:
<div style="width:510px; height:500px;">
<div class="message">
<div id="alert"></div>
</div>
<form id="signup_form" method="post" action="register.php">
<label class="label">username</label>
<p><input class="signup_form" type="text" name="username"></p>
<label class="label">parola</label>
<p><input class="signup_form" type="text" name="password"></p>
<label class="label">name</label>
<p><input class="signup_form" type="text" name="name"></p>
<label class="label">telefon</label>
<p><input class="signup_form" type="text" name="phone"></p>
<label class="label">email</label>
<p><input class="signup_form" type="text" name="email"></p>

<p><input class="signup_button"  type="submit" value="inregistrare">
</form>

<div class="clear"></div>
</div>

register.php

<?php
include "base.php"; 
$usertaken = '<li class="error">username used</li><br />';
$alert = '';
$pass = 0;
if(!empty($_POST['username']) && !empty($_POST['password']))
{
$username = mysql_real_escape_string($_POST['username']);
$password = md5(mysql_real_escape_string($_POST['password']));
$name = mysql_real_escape_string($_POST['username']);
$phone = mysql_real_escape_string($_POST['phone']);
$email = mysql_real_escape_string($_POST['email']);


 $checkusername = mysql_query("SELECT * FROM details WHERE user = '".$username."'");

 if(mysql_num_rows($checkusername) == 1)
 {
    $pass = 1;
    $alert .="<li>" . $usertaken . "</li>";
 }
 else
 {
    $registerquery = mysql_query("INSERT INTO details (user, pass, name, phone, email) VALUES('".$username."', '".$password."','".$name."','".$phone."', '".$email."')");
    if($registerquery)
    {
        echo "<h1>Success</h1>";
        echo "<p>Your account was successfully created. Please <a href=\"index.php\">click here to login</a>.</p>";
    }
    else
    {
        echo "<h1>Error</h1>";
        echo "<p>Sorry, your registration failed. Please go back and try again.</p>";    
    }       
 }
 if($pass == 1) {
    echo '<script>$(".message").hide("").show(""); </script>';
    echo "<ul>";
    echo $alert;
    echo "</ul>";
 }
}
        ?>

РЕШЕНИЕ (добавьте это в голову и скройте .message div)

<script type="text/javascript" src="jquery-latest.pack.js"></script>
<script type="text/javascript" src="jquery.form.js"></script>
<script type="text/javascript">
$(document).ready(function() { 
var options = { 
target:        '#alert',
beforeSubmit:  showRequest,
success:       showResponse
}; 
$('#signup_form').ajaxForm(options); 
}); 
function showRequest(formData, jqForm, options) { 
var queryString = $.param(formData); 
return true; 
} 
function showResponse(responseText, statusText)  {  
} 
$.fn.clearForm = function() {
  return this.each(function() {
var type = this.type, tag = this.tagName.toLowerCase();
if (tag == 'form')
  return $(':input',this).clearForm();
if (type == 'text' || type == 'password' || tag == 'textarea')
  this.value = '';
else if (type == 'checkbox' || type == 'radio')
  this.checked = false;
else if (tag == 'select')
  this.selectedIndex = -1;
  });
};
</script>

Answer 1

Вам нужно использовать AJAX для динамического обновления страницы.

Посмотрите здесь: http://api.jquery.com/jQuery.ajax/ как это сделать с помощью jQuery.

Ваш текущий код используетотправка формы, которая всегда перезагружает страницу.

Answer 2

Вам нужно использовать ajax. Напишите что-то вроде этого в JavaScript:

 var xmlHttp;
 function checkUser(user) {
   xmlHttp=GetXmlHttpObject();
   if (xmlHttp==null) {
     alert ("Browser does not support HTTP Request.");
     return;
   }
   var url = "check.php"; //This is where your dynamic PHP file goes
   url = url + "?u=" + user;
   url = url + "&sid=" + Math.random();
   xmlHttp.onreadystatechange = getData;
   xmlHttp.open("GET",url,true);
   xmlHttp.send(null);
 }
 function getData () {
   if (xmlHttp.readyState == 4 || xmlHttp.readyState == "complete") {
     if (xmlHttp.responseText == 1) {
           alert('Username free'); //action if username free
         } else {
           alert('This username is taken'); //action if its not
         }
   }
 }
   function GetXmlHttpObject() {
   var xmlHttp=null;
   try {
    // Firefox, Opera 8.0+, Safari
    xmlHttp=new XMLHttpRequest();
   } catch (e) {
     //Internet Explorer
     try {
       xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
     } catch (e) {
       xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
     }
   }
   return xmlHttp;
 }

И в вашем файле check.php просто проверьте по своей базе данных, взято имя пользователя или нет, если нет, и просто echo('1'), если оно свободно, иначе echo('0') o что хотите. этот единственный номер будет обработан как xmlHttp.responseText. Вы также можете сделать что-то необычное вместо предупреждений, например, изображение. Также вам необходимо запустить проверку (), когда пользователь печатает или отправляет форму, с полем формы имени пользователя в качестве параметра. Надеюсь, это поможет.

РЕДАКТИРОВАТЬ: О, также я забыл, что в файле check.php переменная $_GET['u'] содержит введенное имя пользователя. Проверьте это по базе данных.

Answer 3

Если это все на одной странице, вам придется структурировать это так:

<?php

if ($_SERVER['REQUEST_METHOD'] == 'POST') {
   ... do form retrieval/database stuff here ...
   if (error) {
      $message = 'Something dun gone boom';
   }
}

if ($message != '') {
   echo $message;
}
?>

form stuff goes here