Después de una semana llena de problemas con mi conexión a internet os pido disculpas por no introducir ninguna entrada mas a menudo... !!! ya se que os gustan mis estradas ¡¡¡ :)
Bueno os voy a introducir un código que hemos realizado (en realidad hace una semana que lo hicimos, pero voy un poco con retraso, espero coger el día a día muy pronto) para validar formularios.
Este código se ejecuta en el Cliente, es decir, antes de enviar los datos del formulario hacia el Servidor.
Lo que se realiza es comprobar que los datos no se van a enviar en blanco hacia el servidor y no tener que malgastar el tiempo de ida y venida.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Bienvenidos</title>
</head>
<body>
<center>
<h4>Logeate</h4>
<form action="inicio.jsp" name="frm" id="IdFormulario">
<label> Nombre: </label> <br>
<input align="center" type="text" name="txtNombre" id="IdNombre"/>
<span id="spanErrorNombre"></span><br>
<label> Contraseña: </label><br>
<input type="text" name="txtContrasena" id="IdContrasena"/>
<span id="spanErrorContraseña"></span><br>
<input type="button" name="BtnEnviar" id="BtnEnviarId" value="ENVIAR" onclick="Validar();" />
</form><br><br>
<a href="formulario.jsp">Nuevo Usuario</a>
</center>
<script>
function Validar() {
var entrar=true;
if (document.getElementById("IdNombre").value == "") {
entrar=false;
document.getElementById("spanErrorNombre").innerHTML = "<font color='red'>* Campo obligatorio</font>";
}else{
document.getElementById("spanErrorNombre").innerHTML ="";
}
if (document.getElementById("IdContrasena").value == "") {
entrar=false;
document.getElementById("spanErrorContraseña").innerHTML = "<font color='red'>* Campo obligatorio</font>";
}else{
document.getElementById("spanErrorContraseña").innerHTML ="";
}
if(entrar){
document.frm.submit();
}
}
</script>
</body>
</html>
Eso es todo amigos¡¡¡¡
No hay comentarios:
Publicar un comentario