Amigos tego esto:
Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="jquery.1.6.1.min.js"></script> <script language="javascript" type="text/javascript"> // declaro que el documento se encuentra listo
$.(document).ready(function() {
//remarco que se trata del id primero (mostrando los datos del primer fomrulario)
$('#primero').submit(function() {
//si los campos no se encuentran vacios
if($('#n').val() != '' && $.('#l').val() != '') {
//hago que el loader empiece a funcionar
$('.response').html('<img src="loading.gif" align="absmiddle">');
} else {
//si os campos no estan vacios le digo que deben rellenarlos
$('.response').text('Debe rellenar los campos').fadeIn(1000);
}
});
});
Name:
<input id="n" type="text" name="name" /> Lastname:
<input id="l" type="text" name="lname" /> <input type="submit" name="Admitir" value="ir a paso 2" />
Y al parecer algo esty haciendo mal porque no me esta funcionando. lo que quiero hacer es:
si los campos input no estan rellenados aparecera el texto debe rellenar, de lo contrario mostrará la imagen cargando, lo pongo asi porque despues de mostrar la imagen cargando quiero hacer un ajax hacia un script php para validarlos datos con la bd, pero de momento solo quiero conseguir la primera parte, alguien sabe porque no me funciona??
Porfa, estoy desesperado, necesito ayuda en esto, tengo poca experianca en jquery, pero algo entiendo.
Gracias