Validación de formulario.
Hola, estoy intentando validar un formulario mediante AJAX + jQuery + PHP y tengo un pequeño problema.
Tengo un "loader.gif" que se carga al hacer onBlur de un input text. Probé esto con un formulario de un único input text y funcionaba bien, pero cuando agrego más input text, el "loader.gif", se me carga en todos las cajas de texto menos en la primera, a parte de que el código no se ejecuta en las mismas.
Voy a poner mi código y si te hace falta algo más lo pondré también.
Este es el código JS.
//The document has the focus
$(document).ready(function() {
$('#Loading').hide();
});
// Check Username
function check_username(){
var username = $("#User_Nick").val();
$('#Loading').show();
$.post("check_username_availablity.php", {
username: $('#User_Nick').val(),
}, function(response){
$('#Info').fadeOut();
$('#Loading').hide();
setTimeout("finishAjax('Info', '"+escape(response)+"')", 450);
});
return false;
}
// Check Password
function check_password(){
var password = $("#User_Pass").val();
$('#Loading').show();
$.post("check_password.php", {
Password: $('#User_Pass').val(),
}, function(response){
$('#Info').fadeOut();
$('#Loading').hide();
setTimeout("finishAjax('Info', '"+escape(response)+"')", 450);
});
return false;
}
//Finish Ajax Function
function finishAjax(id, response){
$('#'+id).html(unescape(response));
$('#'+id).fadeIn(1000);
}
Y este es el formulario:
<form action="asda.php" name="customForm" id="customForm" method="post" enctype="multipart/form-data">
<div class="both">
<br clear="all" />
<div>
<input id="User_Nick" name="User_Nick" type="text" value="" onblur="return check_username();" />
<div id="Info"></div>
perts", $link); //Selección de la base de datos.
if($_REQUEST){
$username = $_REQUEST['username'];
if(strlen($username)>2){
$query = "select * from users where user_nick = '".strtolower($username)."'";
$results = mysql_query( $query) or die('ok');
if(mysql_num_rows(@$results) > 0) // not available
{
echo '<div id="Error">Already Taken</div>';
}
else
{
echo '<div id="Success">Available</div>';
}
}else{
if(strlen($username)==0){
echo '<div id="Error">The field cannot be blank</div>';
}else{
echo '<div id="Error">Nick name too short</div>';
}
}
}?>
Y este el del password:
<?php
if($_REQUEST){
$password = $_REQUEST['password'];
if(strlen($password)<6){
echo '<div id="Error">Passowrd must have at least 6 characters</div>';
}
}
?>
Espero que no haya liado mucho la cosa, gracias de antemano.