De la siguiente forma parece que funciona bien, pero habria que mejorar la validación del campo de usuario vacío
Código HTML:
Ver original<!DOCTYPE html>
<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
});
});
//]]>
<input type="text" name="usuario" id="usuario" class="span12 input-mini"> <span id="msgbox" style="display:none"></span>
y mi php es muy básico, solo para verificar
Código PHP:
Ver original<?php
$usuario = $_POST['user_name'];
if($usuario == 'Emprear'){
echo "no";
}
?>
SAludos