JS:
<script language="JavaScript" type="text/javascript">
function validar_formulario() {
// Controlo que los campos no estén vacíos
//alert('Validando formulario');
if(document.getElementById('nombre').value == 0){alert('Tiene que introducir un nombre.'); document.getElementById('nombre').focus(); return 0; }
if(document.getElementById('dni').value == 0){ alert('Tiene que introducir un dni.'); document.getElementById('dni').focus(); return 0; }
else
{
dni = document.getElementById('dni').value;
numero = dni.substr(0,dni.length-1);
let = dni.substr(dni.length-1,1);
numero = numero % 23;
letra='TRWAGMYFPDXBNJZSQVHLCKET';
letra=letra.substring(numero,numero+1);
if (letra!=let) {
alert('Tiene que introducir un válido.');
document.getElementById('dni').focus();
return 0;
}
}
if(document.getElementById('profesion').value == 0){ alert('Tiene que introducir una profesión.'); document.getElementById('profesion').focus(); return 0; }
if(document.getElementById('direccion').value == 0){ alert('Tiene que introducir una dirección.'); document.getElementById('direccion').focus(); return 0; }
if(document.getElementById('cp').value == 0){ alert('Tiene que introducir un códigopostal.'); document.getElementById('cp').focus(); return 0; }
if(document.getElementById('poblacion').value == 0){ alert('Tiene que introducir una población.'); document.getElementById('poblacion').focus(); return 0; }
if(document.getElementById('barrio').value == 0){ alert('Tiene que introducir su barrio.'); document.getElementById('barrio').focus(); return 0; }
if(document.getElementById('telf_1').value == 0){ alert('Tiene que introducir un teléfono principal.'); document.getElementById('telf_1').focus(); return 0; }
if(document.getElementById('email').value == 0){ alert('Debe de especificar un e-mail.'); document.getElementById('email').focus(); return 0; }
else
{
//expresion regular
var b=/^[^@\s]+@[^@\.\s]+(\.[^@\.\s]+)+$/
//comentar la siguiente linea si no se desea que aparezca el alert()
if(b.test(document.getElementById('email').value)) {
}
else
{
alert ("El email introducido no es válido");
//devuelve verdadero si la validacion es OK, y falso en caso contrario
document.getElementById('email').focus();
return 0;
}
}
if(document.getElementById('nick').value == 0){ alert('Tiene que introducir un nick.'); document.getElementById('nick').focus(); return 0; }
if(document.getElementById('pass').value == 0){ alert('Tiene que introducir una contraseña.'); document.getElementById('pass').focus(); return 0; }
alert('todo guay');
document.getElementById('fusuario').submit();
}
</script>
FORMULARIO:
Código HTML:
<form id="fusuario" name="fusuario" method="post" action="apuntateinfo.php"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr><td class="textoDatos">Nombre y Apellidos <font color="#FF0000">*</font></td><td><input class="textoFormDatos" type="text" name="nombre" id="nombre" tabindex="1" value=""/></td></tr> <tr><td class="textoDatos">DNI <font color="#FF0000">*</font></td><td><input class="textoFormDatos" name="dni" type="text" id="dni" tabindex="2" value="" /></td></tr> <tr><td class="textoDatos">Año nacimiento <font color="#FF0000">*</font></td><td><select class="textoFormDatos" name="anio_nac" tabindex="3"><option value="1980" selected="selected">1980</option><option value="1981" selected="selected">1981</option><option value="1982" selected="selected">1982</option><option value="1983" selected="selected">1983</option><option value="1984" selected="selected">1984</option><option value="1985" selected="selected">1985</option><option value="1986" selected="selected">1986</option><option value="1987" selected="selected">1987</option><option value="1988" selected="selected">1988</option><option value="1989" selected="selected">1989</option><option value="1990" selected="selected">1990</option></select></td></tr> <tr><td class="textoDatos">Profesion</td><td><input class="textoFormDatos" name="profesion" type="text" id="profesion" tabindex="4" value="" /></td></tr> <tr><td class="textoDatos">Sexo <font color="#FF0000">*</font></td><td><select class="textoFormDatos" name="sexo" tabindex="5"><option value="0" selected="selected">Hombre</option><option value="1">Mujer</option></select></td></tr> <tr><td class="textoDatos">Dirección <font color="#FF0000">*</font></td><td><input class="textoFormDatos" name="direccion" type="text" id="direccion" tabindex="6" value="" /></td></tr> <tr><td class="textoDatos">Código postal <font color="#FF0000">*</font></td><td><input class="textoFormDatos" name="cp" type="text" id="cp" tabindex="7" value="" /></td></tr> <tr><td class="textoDatos">Población <font color="#FF0000">*</font></td><td><input class="textoFormDatos" name="poblacion" type="text" id="poblacion" tabindex="8" value=""/></td></tr> <tr><td class="textoDatos">Barrio <font color="#FF0000">*</font></td><td><input class="textoFormDatos" name="barrio" type="text" id="barrio" tabindex="9" value="" /></td></tr> <tr><td class="textoDatos">Telf. principal <font color="#FF0000">*</font></td><td><input class="textoFormDatos" name="telf_1" type="text" id="telf_1" tabindex="10" value="" /></td></tr> <tr><td class="textoDatos">Telf. secundario</td><td><input class="textoFormDatos" name="telf_2" type="text" id="telf_2" tabindex="11" value="" /></td></tr> <tr><td class="textoDatos">E-mail <font color="#FF0000">*</font></td><td><input class="textoFormDatos" name="email" type="text" id="email" tabindex="12" value="" /></td></tr> <tr><td class="textoDatos"> </td><td> </td></tr> <tr><td class="textoDatos">Nick <font color="#FF0000">*</font></td><td><input class="textoFormDatos" name="nick" type="text" id="nick" tabindex="13" value="" /></td></tr> <tr><td class="textoDatos">Contraseña <font color="#FF0000">*</font></td><td><input class="textoFormDatos" name="pass" type="text" id="pass" tabindex="14" value="" /></td></tr> <tr><td > </td><td> </td></tr> <tr><td> </td><td> </td></tr> </table> <input name="" type="button" value="Resgistrarse" class="EnviarBtnContacto" onClick="return validar_formulario()" /> </form>