Mostrar si los campos introducidos ya estan siendo usados

[Silenn]

Buenas tardes a todos los usuari@s de Fdw.

De antemano muchas gracias por sus comentarios y su ayuda.
Bien lo que sucede es que tengo un campo de registro dentro del index, al presionar un boton se oculta el campo de inicio de sesión y aparece el de registro, tengo un sistema que manda los errores, pero lo que sucede es que al mandar los errores se reinicia la página, cosa que no quiero puesto que tienen que volver a abrir el formulario de registro, por eso me diante php y ajax me gustaría que después de llenar un input, apareciera un mensaje (en caso de que se repitiera algo que ya está en la db) por ejemplo, si introduzco un usuario me diera: El usuario que introduciste ya está siendo usado, en el e-mail: El e-mail ya está siendo usado" y así con los otros, alguien podría ayudarme?.

Ya tengo realizado algo lo que sucede es que no se como hacer que se ejecute también para otros campos, osea no solo el del usuario nada más, sino el del mail y demás campos, pero si gustan pueden pasarme otro ejemplo.

Mi código js:

Código Javascript:

$(document).ready(function() {    
    $('#username').blur(function(){
 
        $('#info').html('<span id="arrow"></span><img src="ajax-loader.gif" alt="" />').fadeOut(1000);
 
        var username = $(this).val();        
        var dataString = 'username='+username;
 
        $.ajax({
            type: "POST",
            url: "comprobate.php",
            data: dataString,
            success: function(data) {
                $('#info').fadeIn(1000).html(data);
            }
        });
    });            
});
 

Mi código php

Código PHP:

<?php
sleep(1);
$link = mysql_connect('localhost', 'root', '12345');
mysql_select_db('testeando',$link);
 
if($_REQUEST) {
    $username = $_REQUEST['username'];
    $query = "SELECT * FROM users WHERE username = '".strtolower($username)."'";
    $results = mysql_query( $query) or die('ok');
 
    if(mysql_num_rows(@$results) > 0)
        echo '<span id="arrow"></span><div id="Error"><span class="icon-x2"></span> El usuario introducido ya existe</div>';
    else
        echo '<span id="arrow"></span><div id="sucess">Este usuario está disponible</div>';
}
?>
 

El html no importa mucho, puesto que solo es un div con una id llamada info y unos input de tipo texto, con las id username, mail, capcha, etc.

[mortiprogramador]

<saludo>
Pues ya lo tienes, lo único sería copiar el onblur del usuario,
y pegarlo tantos campos como se necesiten validar y cambiar obviamente
los datos a enviar a la pàgina donde se comprueba.
Y en la página donde se comprueba, lo primero sería capturar los valores (todos)
y luego hacer una estructura donde se pregunte cual de todos NO esta vacio,
y ya con eso se hace la consulta correspondiente y se crea una variable donde este
el mensaje, y esa variable se pone en los divs de respuesta, para no tener que hacer
muchos divs.
Intenta eso.
</saludo>

[Silenn]

Iniciado por mortiprogramador

<saludo>
Pues ya lo tienes, lo único sería copiar el onblur del usuario,
y pegarlo tantos campos como se necesiten validar y cambiar obviamente
los datos a enviar a la pàgina donde se comprueba.
Y en la página donde se comprueba, lo primero sería capturar los valores (todos)
y luego hacer una estructura donde se pregunte cual de todos NO esta vacio,
y ya con eso se hace la consulta correspondiente y se crea una variable donde este
el mensaje, y esa variable se pone en los divs de respuesta, para no tener que hacer
muchos divs.
Intenta eso.
</saludo>

Gracias por tu respuesta.

Disculpa la molestia, pero podrías pasarme o hacerme lo que estás diciendo, es que la verdad no entiendo mucho de programación y con esfuerzo hice lo que hice, Gracias y disculpa.

[mortiprogramador]

<saludo>
A ver, agregaré un campo más y haré los cambios en el php

Código Javascript:

$(document).ready(function() {
$('#username').blur(function(){
 
$('#info').html('<span id="arrow"></span><img src="ajax-loader.gif" alt="" />').fadeOut(1000);
 
var username = $(this).val();
var dataString = 'username='+username;
 
$.ajax({
type: "POST",
url: "comprobate.php",
data: dataString,
success: function(data) {
$('#info').fadeIn(1000).html(data);
}
});
});
$('#email').blur(function(){
$('#info').html('<span id="arrow"></span><img src="ajax-loader.gif" alt="" />').fadeOut(1000);
 
var email = $(this).val();
var dataString = 'email='+email;
 
$.ajax({
type: "POST",
url: "comprobate.php",
data: dataString,
success: function(data) {
$('#info').fadeIn(1000).html(data);
}
});
});
 

Código PHP:

<?php
sleep(1);
$link = mysql_connect('localhost', 'root', '12345');
mysql_select_db('testeando',$link);
 
if($_REQUEST) {
$username = $_REQUEST['username'];
$email = $_REQUEST['email'];
 
if(!empty($username))
{
$query = "SELECT * FROM users WHERE username = '".strtolower($username)."'";
$campo = 'usuario';
}
if(!empty($email))
{
$query = "SELECT * FROM users WHERE email = '".strtolower($email)."'";
$campo = 'email';
}
 
$results = mysql_query( $query) or die('ok');
 
if(mysql_num_rows(@$results) > 0)
echo '<span id="arrow"></span><div id="Error"><span class="icon-x2"></span> El <?php echo $campo; ?> introducido ya existe</div>';
else
echo '<span id="arrow"></span><div id="sucess">Este <?php echo $campo; ?> está disponible</div>';
}
?>
 

</saludo>

[Silenn]

Gracias por responderme con este ejemplo, pero ahora me tira error:

Con lo del usuario todo bien, pero al momento de realizar con el correo electrónico no pasa el mensaje, sale la palabra "ok" nada más. :(
Me podrías decir por qué sucede esto, Gracias.

[mortiprogramador]

<saludo>
Uhm, pues acabo de probarlo y me funciona correctamente.
Sin embargo, ví que algo faltaba por arreglar en el php y en el js mio

En el js, me faltó un cierre (el del document) aunque imagino que
en esa parte no debes tener falla, pues sale el ok.

En el php

Código PHP:

  if(mysql_num_rows(@$results) > 0)
echo '<span id="arrow"></span><div id="Error"><span class="icon-x2"></span> El '.$campo.' introducido ya existe</div>';
else
echo '<span id="arrow"></span><div id="sucess">Este '.$campo.' está disponible</div>'; 
   

Ya con eso creo que no debe molestar (aunque sin ese arreglo me funciona también, solo que no sale el valor de $campo)

El ok sale en caso que se hace el blur y los campos no tienen valor alguno,
eso sería algo a validar en el blur también.
</saludo>