Verificar Usuario

[Jose789]

Hola gente, pues tengo un pequeño error acabo de hacer un formulario, pero tengo un problema cuando le doy a continuar y no eh escrito nada en el campo me deja continuar.

Código Javascript:

function next(){
    $('#step1').fadeOut('slow');$('#step2').fadeIn('slow');
}
function checkusername(){
    $('#username').css({border:"3px solid #4a504b"});
    $.get('http://localhost/ajax/checkusername.php?username='+$('#username').val(), function(data) {
        if(parseFloat(data)==1){
            $('#username').css({border:"3px solid #b71818"});
            $('#i1').css({color:'#b71818'}).html('Este nombre de usuario ya está en uso!');
        } else {
            next();
        }
    });
}
 

Este es el checkusername

Código PHP:

if($_GET['username'] AND isset($_REQUEST['username'])) {
$nick=$_REQUEST['username'];
$sql="SELECT username FROM users WHERE username='$nick'";
$res=mysql_query($sql);
$total=mysql_num_rows($res);
if($total>0)
{ 
  // El usuario existe en la Base de Datos
  echo "1";
}
else
{
  // Ese nick esta libre
  echo "0";
}
}
 

Y esto el html

Código HTML:

<form name="form1" onsubmit="return false;" method="post" action="register-next">
<input type="text" name="username" id="username" placeholder="Usuario">
 
<a style="margin-left:236px;" onclick="checkusername();" class="btn">Continuar</a>
</form>
 

El código funciona pero si no escribo nada en el campo sigue con el formulario...

[Alexis88]

Solamente necesitas verificar que la caja "username" tenga contenido alguno:

Código Javascript:

function checkusername(){
    if ($("#username").val().length) {
        $('#username').css({border:"3px solid #4a504b"});
        $.get('http://localhost/ajax/checkusername.php?username='+$('#username').val(), function(data) {
            if(parseFloat(data)==1){
                $('#username').css({border:"3px solid #b71818"});
                $('#i1').css({color:'#b71818'}).html('Este nombre de usuario ya está en uso!');
            } else {
                next();
            }
        });
    }
}
 

Saludos

[Jose789]

Iniciado por Alexis88

Solamente necesitas verificar que la caja "username" tenga contenido alguno:

Código Javascript:

function checkusername(){
    if ($("#username").val().length) {
        $('#username').css({border:"3px solid #4a504b"});
        $.get('http://localhost/ajax/checkusername.php?username='+$('#username').val(), function(data) {
            if(parseFloat(data)==1){
                $('#username').css({border:"3px solid #b71818"});
                $('#i1').css({color:'#b71818'}).html('Este nombre de usuario ya está en uso!');
            } else {
                next();
            }
        });
    }
}
 

Saludos

Gracias es mi primera vez con jquery...

PD: Es seguro el código o pueden editar el jquery para que que no valide si el usuario esta registrado o no... no se si me explique bien

[Alexis88]

Cualquier validación del lado del cliente es evitable, siempre y cuando se cuenten con los conocimientos respectivos. Lo más seguro es hacerlo del lado del servidor:

Código PHP:

if (strlen($variable)){
    //Acciones
}
 

La función strlen, devuelve la longitud del contenido de la variable, si ésta no tiene contenido, devuelve cero, que también es interpretado como false. No te olvides de evitar algún ataque XSS y de SQL-Injection

Saludos