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>
