Comprobación de campos incorrectos

[Silenn]

*Aclarando que no se si este tema deba ponerse en este foro, sino es correcto, mil disculpas.

Ya volví con otra duda más, y lo que sucede ahora es que ando editando algunas cosas de un formulario de registro, anteriormente estaba en una página aparte del inicio o la index que es donde se encuentra el login. Bueno si leyeron mis mensajes anteriores se percatarán de algunos errores que he tenido y ahora vengo con otro. Como el registro tiene un action a un archivo fuera de este, cuando ocurre un error reinicia la página y muestra el error, pero el problema es que se tiene que volver a abrir la ventana del registro para poder visualizar el error, lo cual creo que es molesto para los usuarios.

Busqué un tiempo por internet navegando en distintas webs y al encontrar lo que buscaba intenté adaptarlo a mi contexto, mas no lo pude lograr.

Los errores que tengo son:
- "El código captcha es incorrecto"(tengo un sistema de captcha generado mediante php)
- "El nombre de usuario ya está siendo usado por alguien más"
- "Este correo es incorrecto"
- "Este correo ya está siendo usado por alguien más."

Ahora me gustaría que antes de registrarse se compruebe que no existe ningún error de estos para que se registre correctamente.
Pero que los errores se muestren durante el llenado de los datos, no sé por ejemplo al cambiar de input o al hacer click fuera de ese input.
No se si me entiendan y si me puedan ayudar, se que sonará algo extraño y hasta molesto, pero no entiendo muy bien como relacionar un código con otro y de js pues tampoco, por lo que recurro a su ayuda.
De antemano muchas gracias y espero me hayan entendido, ya que si necesitan algo más pueden postear un mensaje o mandarme por privado un mensaje.

[Alexis88]

Eso lo harías mediante peticiones asíncronas (Ajax) las cuales se ejecutarían cuando ocurran determinados eventos.

Por ejemplo, si quieres que se compruebe el contenido escrito en una caja de texto cuando esta pierda el enfoque, debes de delegarle una función que se ejecutará cuando se produzca el evento blur.

Código Javascript:

$("#id del input").on("blur", function(){
    $.ajax({
        url: "ejemplo.php", //El archivo que procesará el dato
        data: {
            foo: $(this).val() //El dato a procesar (llegará como $_GET['foo'])
        },
        type: "get" //El tipo de envío
    }).done(function(respuesta){
        //Aquí haces algo con la respuesta obtenida
    });
});
 

Lo que hace básicamente ese bloque de código es enviar el dato escrito en la caja hacia el archivo "ejemplo.php" cuando esta pierda el enfoque. En dicho archivo, deberás realizar la validación y devolver una respuesta mediante la cual realizarás las acciones pertinentes.

Partiendo de este ejemplo, puedes hacer lo mismo con los demás elementos.

Un saludo

[Silenn]

Iniciado por Alexis88

Eso lo harías mediante peticiones asíncronas (Ajax) las cuales se ejecutarían cuando ocurran determinados eventos.

Por ejemplo, si quieres que se compruebe el contenido escrito en una caja de texto cuando esta pierda el enfoque, debes de delegarle una función que se ejecutará cuando se produzca el evento blur.

Código Javascript:

$("#id del input").on("blur", function(){
    $.ajax({
        url: "ejemplo.php", //El archivo que procesará el dato
        data: {
            foo: $(this).val() //El dato a procesar (llegará como $_GET['foo'])
        },
        type: "get" //El tipo de envío
    }).done(function(respuesta){
        //Aquí haces algo con la respuesta obtenida
    });
});
 

Lo que hace básicamente ese bloque de código es enviar el dato escrito en la caja hacia el archivo "ejemplo.php" cuando esta pierda el enfoque. En dicho archivo, deberás realizar la validación y devolver una respuesta mediante la cual realizarás las acciones pertinentes.

Partiendo de este ejemplo, puedes hacer lo mismo con los demás elementos.

Un saludo

Gracias por tu respuesta, pero por ejemplo para procesarlo en sql, osea lo que quiero que marque es que en tal caso que un usuario de una db se repita salte el mensaje que diga por ejemplo: el usuario ya está siendo usado.

[Alexis88]

Eso ya lo tienes que hacer en el lado del servidor. Eso corresponde al foro de PHP pues veo que trabajas con ese lenguaje.

Saludos

[Silenn]

Iniciado por Alexis88

Eso ya lo tienes que hacer en el lado del servidor. Eso corresponde al foro de PHP pues veo que trabajas con ese lenguaje.

Saludos

Hice algunas cosillas y al fin pude comprobar el nombre de usuario, pero quiero comprobar también el correo electrónico sólo que no sé como hacer que los dos funcionen en el mismo archivo, podrías ayudarme?

Mi código js:

Código Javascript:

$(document).ready(function() {    
    $('#username').blur(function(){
 
        $('#info').html('<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);
            }
        });
    });              
});
 

y 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 '<div id="Error">Usuario ya existente</div>';
    else
        echo '<div id="Success">Disponible</div>';
}
?>
 

[Alexis88]

Se me ocurre que envíes el nombre del campo a comprobar, de ese modo, la consulta quedaría así:

Código PHP:

$query = "SELECT * FROM users WHERE $campo = '$valor'";
 

Y en el código JavaScript, tendrías que añadir un dato más para enviar, el cual sería el nombre del campo en la tabla de la base de datos. Te sugiero tener la llamada al método $.ajax dentro de una función para que reutilices el código.

NOTA: Cuando utilizas comillas dobles en PHP, los valores de las variables son interpretados, por lo cual ya no es necesario concatenarlos.

Saludos