Buenas a todos,
Agradezco que me puedan apoyar con mi consulta;
Necesito validar un formulario con ajax, php y mysql... conseguí un ejemplo en la web que hace 90% lo que quiero, pero por ultimo deseo que deshabilite en botón de envió si la información ya existe en la base de datos, es decir; si el ajax dice que el usuario ya existe y que se habilite el envio si no exiten usuarios iguales.
Codigo del index
Código PHP:
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<link href="css.css" media="screen" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(document).ready(function() {
$('#username').blur(function(){
$('#Info').html('<img src="loader.gif" alt="" />').fadeOut(1000);
var username = $(this).val();
var dataString = 'username='+username;
$.ajax({
type: "POST",
url: "check_username_availablity.php",
data: dataString,
success: function(data) {
$('#Info').fadeIn(1000).html(data);
//alert(data);
}
});
});
});
</script>
</head>
<?php
include('dbcon.php');?>
<body>
<h1>Live Username Availability Checking using jQuery Ajax and PHP. </h1>
<br clear="all" />
<form action="index3.php" name="customForm" id="customForm" method="post" onsubmit="return false" enctype="multipart/form-data">
<div class="both">
<h4> Elige "jose" o "maria" siendo usuarios que ya existen en base de datos </h4><br clear="all" /><br clear="all" />
<br clear="all" />
<div>
<label>Nombre de usuario</label>
<input id="username" name="username" type="text" value="" required />
<div id="Info"></div>
<label>Contraseña</label>
<input id="password" name="password" type="password" value="" required />
<input type="submit" name="send" id="send" value="Enviar"
</div>
</div>
<br clear="all" />
</form>
y por aquí la consulta a la base de datos;
Código PHP:
<?php
sleep(1);
include('dbcon.php');
if($_REQUEST)
{
$username = $_REQUEST['username'];
$query = "select * from username_availablity where username = '".strtolower($username)."'";
$results = mysql_query( $query) or die('ok');
if(mysql_num_rows(@$results) > 0) // not available
{
echo '<div id="Error">Usuario ya existente</div>';
}
else
{
echo '<div id="Success">Disponible</div>';
}
}?>
Agradezco su amable ayuda, gracias.
