buenas estoy aprendiendo js y bueno haciendo un fórmulario simple con algunas validaciones me ocurre que cuando me da varios errores el formu.. y corrijo sólo uno no me desaparece el error a menos que corrija todo el formu alguien sabe porqué? si tengo que hacerlo de otra manera .. agradezco cualquier tipo de ayuda.
Código:
<html>
<head>
<link rel="stylesheet" href="formu.css" type="text/css">
<title>
Fórmulario - Datos personales
</title>
<script language="javascript">
<!--
function valida()
{
errores=0;
if((document.registro.nombre.value.length<4)||(document.registro.nombre.value.length>8))
{
document.getElementById("nombre").style.borderColor="red";
document.getElementById("er_name").innerHTML = ("    Este campo a de tener entre 4 y 8 caracteres");
errores++;
}
if(document.registro.nombre.value=="")
{
document.getElementById("nombre").style.borderColor="red";
document.getElementById("er_name").innerHTML = ("    Este campo es obligatorio");
errores++;
}
if(document.registro.apellidos.value=="")
{
document.getElementById("apellidos").style.borderColor="red";
document.getElementById("er_ape").innerHTML = ("    Este campo es obligatorio");
errores++;
}
if(errores!="0")
{
return false;
}
else
return true;
}
//-->>
</script>
</head>
<body>
<h2>Datos nuevo usuario</h2>
<br>
<form name="registro" method="post" onSubmit="return valida()">
<Fieldset style="margin:auto;">
<legend>Registro nuevo usuario</legend>
<label for="nombre">Nombre: </label><input type="text" id="nombre" name="nombre"> <span id="er_name" style="color: red;font-weight:bold;"></span><br>
<label for="apellidos">Apellidos: </label><input type="text" id="apellidos" name="apellidos"><span id="er_ape" style="color: red;font-weight:bold;"></span><br>
<label for="edad">Fecha Nacimiento: </label><input type="text" id="edad" size="8"><br>
<label for="mail">E-Mail: </label><input type="text" id="mail" name="mail"><br>
<label for="username">Nombre Usuario: </label><input type="text" id="username" name="username"><br>
<label for="password">Contraseña: </label><input type="password" id="password" name="password"><br>
<input type="submit" value="enviar">
</fieldset>
</form>