Hola, quería saber si el código de abajo se podía hacer más chico, es decir que ocupe menos espacio.
Código HTML:
<html>
<head>
<script type="text/javascript">
function validar(frm) {
var resultado1 = frm.nombre_usuario.value.length > 3;
var resultado2 = frm.contrasenia.value.length > 6;
var resultado3 = frm.email.value.length > 8;
document.getElementById('error_nombre_usuario').style.display = (resultado1) ? 'none':'block';
document.getElementById('ingreso').style.borderColor = (resultado1) ? 'black':'red';
document.getElementById('ingreso').style.color = (resultado1) ? 'black':'red';
document.getElementById('error_contrasenia').style.display = (resultado2) ? 'none':'block';
document.getElementById('contrasenia').style.borderColor = (resultado2) ? 'black':'red';
document.getElementById('contrasenia').style.color = (resultado2) ? 'black':'red';
document.getElementById('error_email').style.display = (resultado3) ? 'none':'block';
document.getElementById('email').style.borderColor = (resultado3) ? 'black':'red';
document.getElementById('email').style.color = (resultado3) ? 'black':'red';
return (resultado1 && resultado2 && resultado3);
}
</script>
</head>
<body>
<input type="text" name="nombre_usuario" id="ingreso">
<div class="texto_error" id="error_nombre_usuario">Nombre de usuario no válido</div>
<input type="password" name="contrasenia" id="contrasenia">
<div class="texto_error" id="error_contrasenia">Contraseñ no válido</div>
<input type="text" name="email" id="email">
<div class="texto_error" id="error_email">Email no válido</div>
</body>
</html>
Muchas gracias!