Hola de nuevo compañeros de Foros del Web!
Vengo con una dudita a la hora de validar un formulario al completo
Mi código es el siguiente:
Código HTML:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Tomate Algo</title>
<script>
function validarForm (form) {
var valorRetorno = true;
var nombreUsuario = registro.usunom.value;
var password = registro.usupass.value;
var password2 = registro.usurepass.value;
var email = document.getElementById('email').value;
var email2 = document.getElementById('email2').value;
var formato = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
//Comprobamos si nombreUsuario tiene más de 6 caracteres
if (nombreUsuario.length < 6) {
nombreUsuario = nombreUsuario.replace(/(<([^>]+)>)/ig,""); // quitás posible código html
nombreUsuario = nombreUsuario.replace(/^\s+/g,'').replace(/\s+$/g,'');// limpias espacios en blanco al inicio y final del nombre
valorRetorno = false;
alert (“Tu nombre de usuario tiene que tener al menos \n6 caracteres.\n Por favor, inténtelo de nuevo.”);
formRegistro.formNombreUsuario.focus();
}
//Comprobamos que la password tiene más de 6 caracteres
if (password.length < 6) {
valorRetorno = false;
alert(“La contraseña tiene que tener al menos \n6 caracteres.\n Por favor, inténtelo de nuevo.”);
formRegistro.formPassword.value = “”;
formRegistro.formPassword2.value = “”;
formRegistro.formPassword.focus();
}
//Comprobamos que las dos password son iguales
if (password.value != password2.value) {
valorRetorno = false;
alert(“Las contraseñas no son iguales.\n Por favor, inténtelo de nuevo.”);
formRegistro.formPassword.value = “”;
formRegistro.formPassword2.value = “”;
formRegistro.formPassword.focus();
}
//Comprobamos los emails
var v_email = formato.test(email);
if((v_email != true)||(email == "")){
alert('Email no válido');
return false;
}
var v_email2 = formato.test(email2);
if((v_email2 != true)||(email2 == "")){
alert('Email2 no válido');
return false;
}
//Comprobamos cuántos elementos tiene el formulario y son requeridos
var elementosForm = form.elements;
for (var i=0; i<elementosForm.length; i++){
elementoActual = elementosForm [i];
if (elementActual.value==”” && elementoActual.className==”requerido”) {
alert(“El campo requerido \””+elementoActual.name +”\” está vacío. Por favor, proporcione un valor.”);
elementoActual.focus();
valorRetorno = false;
break;
}
return valorRetorno;
}
}
</script>
<script type="text/javascript" src="cargarfechas.js" ></script>
</head>
<body onloadstart="cargarFecha()">
<form method="post" name="registro" action="#" onsubmit="return validarForm(this);">
Nombre: <input type="text" name="usunom" id="usunom"/>
</br>
Apellidos: <input type="text" name="usuapel" id="usuapel"/>
</br>
Fecha de nacimiento:
<select id="anhoNac" onchange="ponerDias()">
<script>ponerAnho();</script>
</select>
<select id="mesNac" onchange="ponerDias()">
<script>ponerMes();</script></select>
<select id="diaNac">
<script>ponerDias();</script>
</select>
</br>
Email:<input type="text" value="" id="email" name="email" /><br />
Email 2:<input type="text" value="" id="email2" name="email2" /><br />
Contraseña: <input type="password" name="usupass" id="usupass"/>
</br>
Repita contraseña: <input type="password" name="usurepass" id="usurepass"/>
</br>
<!--<p align="center"><img src="chequeo.php" width="300" height="30" border="1" /></p>-->
</br>
<input type="submit" name="Registrate!" value="Registrate!">
</form>
</body>
</html> El problema es que hago submit y no hace nada... Si pudiesen decirme en que fallo!