como integrar funcion para validar y funcion para validar nombre de usuario

[Montes28]

hola amigos espero me puedan ayudar

tengo un formulario en el cual valido algunos campos,pero tengo el siguiente problema tengo una función con la cual consulto la base de datos y saco un letro diciendo si el nombre de usuario esta disponible o ya esta ocupado pero necesito es que si el nombre de usuario esta ocupado no lo deje continuar osea no deje enviar el form

Código Javascript:

$(document).ready(function(){
    $( "#cumple" ).datepicker({ dateFormat: 'yy-mm-dd' });
    
    $('#add').click(function (){
    var val = ($('#form-add').valid()); 
    if (val == true) {
    var dataString = $('#form-add').serialize();
    $.ajax({
           type: "POST",
           url: "views/insertar_usuario-login.php",
            data: dataString,
           }).done(function(data) {         
           $("#consulta").html(data); 
            });
        } 
    else {
    
    }  
  return false;
    
    
    });
    
    $('#toggleBtnChbox').click(function(){
       
    if($(this).is(':checked')){
        $('form input[type="password"]').prop('type','text');
    }
    else {
        $('.contrasena').prop('type','password');
    }          
    
    }); 
    
    
    $("#usuario").blur(function()
    {
        
        $("#msgbox").removeClass().addClass('messagebox').text('Comprobando...').fadeIn("slow");
        
        $.post("views/user_availability.php",{ user_name:$(this).val() } ,function(data)
        {
          if(data=='no') 
          {
            $("#msgbox").fadeTo(200,0.1,function() 
            { 
              
              $(this).html('Este nombre de usuario ya existe en el sistema').addClass('messageboxerror').fadeTo(900,1);
            });     
          }
          else
          {
            $("#msgbox").fadeTo(200,0.1,function() 
            { 
             
              $(this).html('nombre de usuario disponible para registrar').addClass('messageboxok').fadeTo(900,1);   
            });
          }
    });
    });
    });
 

[emprear]

Tu planteo es un poco confuso, de hecho al usar ajax el form siempre se envía, fijate que hacés
$.post("views/user_availability.php"....
lo que resta es definir tus acciones si la respuesta es "no", tanto en la script como en el php, obviamente en tu php es bastante fácil de adivinar

Código PHP:

<?php
//si existe
echo "no";
exit();
 
?>
 

Saludos

[Montes28]

emprear gracias por responder , todos los campos los valido sin inconvenientes pero necesito es que si el usuario existe no deje enviar el formulario , porque como lo tengo si lo deja enviar.

una idea que tengo es la siguiente, si el nombre de usuario esta ocupado dejo el input vacio y asi se valida el campo ya que no puede estar vacio

Código Javascript:

if(data=='no') 
          {
 
 $('#usuario').val(" ");
 

[emprear]

Iniciado por Montes28

emprear gracias por responder , todos los campos los valido sin inconvenientes pero necesito es que si el usuario existe no deje enviar el formulario , porque como lo tengo si lo deja enviar.

una idea que tengo es la siguiente, si el nombre de usuario esta ocupado dejo el input vacio y asi se valida el campo ya que no puede estar vacio

Código Javascript:

if(data=='no') 
          {
 
 $('#usuario').val(" ");
 

Si, buena idea, valida que el campo esté ocupado y solo ocupalo si el usuario está disponible, quizás un evento onkeyup fuese más recomendable
Saludos

[Montes28]

emprear gracias por responder

hice lo que me indicas pero no me funciono, que estoy haciendo mal?

Código Javascript:

$("#usuario").onkeyup(function()
    {
        
        $("#msgbox").removeClass().addClass('messagebox').text('Comprobando...').fadeIn("slow");
        
        $.post("views/user_availability.php",{ user_name:$(this).val() } ,function(data)
        {
          if(data=='no') 
          {
            $("#msgbox").fadeTo(200,0.1,function() 
            { 
              
              $(this).html('Este nombre de usuario ya existe en el sistema').addClass('messageboxerror').fadeTo(900,1);
            });     
          }
          else
          {
            $("#msgbox").fadeTo(200,0.1,function() 
            { 
             
              $(this).html('nombre de usuario disponible para registrar').addClass('messageboxok').fadeTo(900,1);   
            });
          }
    });
    });
 

[emprear]

@Montes28
pasá el html completo, y si es un php, el html generado por este
los php no hacen falta, invento algo para verificarlos
SAludos

[Montes28]

Código Javascript:

$("#usuario").blur(function()
    {
        var usuario = $(this).val();
        $("#msgbox").removeClass().addClass('messagebox').text('Comprobando...').fadeIn("slow");
        $.post("views/user_availability.php",{ user_name:$(this).val() } ,function(data)
        {
         if(data=='no')
          {
            $('#usuario').val("");
            $("#msgbox").fadeTo(200,0.1,function()
            { 
             $(this).html(usuario+' '+'Este nombre de usuario ya existe en el sistema').addClass('messageboxerror').fadeTo(900,1);
            });     
          }
          else
          {
            $("#msgbox").fadeTo(200,0.1,function()  
            { 
             
              $(this).html('nombre de usuario disponible para registrar').addClass('messageboxok').fadeTo(900,1);   
            });
          }
                
        });
 
    });
 

Código HTML:

<label>Usuario</label>
<input type="text" name="usuario" id="usuario" class="span12 input-mini">
<span id="msgbox" style="display:none"></span>
 

Código PHP:

$user_name=$_POST['user_name'];
 
$usuario = 'postgres';
$contrasenia = '****';
    
            try {
                $db = new PDO('pgsql:host=localhost;dbname=volcanoes',$usuario,$contrasenia);
                //$db = new PDO('pgsql:host=192.168.102.200;dbname=volcanoes',$usuario,$contrasenia);
                }catch(PDOException $e) {
                //echo $e->getMessage();
                echo "Usuario y Clave Invalidas";
                throw new Exception("Usuario y Clave Invalidas", 0, $e);
                }
                
$consulta = $db->prepare("SELECT * FROM usuarios WHERE usu_usuario ='$user_name'");
$consulta->execute();
$cuenta = $consulta->rowCount();
 
if ($cuenta == 1)
{
    //user name is not availble
    echo "no";
} 
else
{
    //user name is available
    echo "yes";
}
 

[Montes28]

emprear me indica

quizás un evento onkeyup fuese más recomendable

probando encontre $("#usuario").bind('keyup', function() pero no funciona como bien porque es como lento , ya que la comprobacion se realiza cada que se deja de pulsar una tecla

como lo mejoro?

[emprear]

De la siguiente forma parece que funciona bien, pero habria que mejorar la validación del campo de usuario vacío

Código HTML:

<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Html5</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
$("#usuario").blur(function(){
        var usuario = $(this).val();
        
      if(usuario != ""){
        
        $("#msgbox").removeClass().addClass('messagebox').text('Comprobando...').fadeIn("slow");
        $.post("a.php",{ user_name:$(this).val() } ,function(data)
        {
         if(data=='no')
          {
            $('#usuario').val("");
            $("#msgbox").fadeTo(200,0.1,function()
            { 
             $(this).html(usuario+' '+'Este nombre de usuario ya existe en el sistema').addClass('messageboxerror').fadeTo(900,1);
            });     
          }
          else
          {
            $("#msgbox").fadeTo(200,0.1,function()  
            { 
             
              $(this).html('nombre de usuario disponible para registrar').addClass('messageboxok').fadeTo(900,1);   
            });
          }
                
        });
        
        } // fin usuario vacio
 
    });
 
 
 
            });  
 
//]]>
</script>
</head>
<body>
 
<label>Usuario</label>
<input type="text" name="usuario" id="usuario" class="span12 input-mini">
<span id="msgbox" style="display:none"></span>
 
</body>
</html>
 

y mi php es muy básico, solo para verificar

Código PHP:

<?php
$usuario = $_POST['user_name'];
if($usuario == 'Emprear'){
echo "no";
}
?>
 

SAludos