Dentro de los formularios esta la validación de los mismos, que se realizara con el uso de javascript:
- <script> </script> Etiqueta para usar procesos de javascript
- function validacion ( ) { Etiqueta para definir que estamos validando
- var (variable)= document.getElementById("(idcampo)").value; Etiqueta para determinar variables
- alert ("(mensaje)"); Etiqueta para mostrar un mensaje por pantalla
- <form action="(URL)" method="post" onSubmit="return validacion()"> Etiqueta para validar
8º Os pondré como sería una validacion de formulario bastante completo para una página web:
<head>
<script>
function validacion() {
var valido= true;
var apellidos= document.getElementById("tApellidos").value;
var nombre = document.getElementById("tNombre").value;
var dia= document.getElementById("tDia").value;
var mes= document.getElementById("tMes").value;
var ano= document.getElementById("tAno").value;
var email= document.getElementById("tEmail").value;
var arroba= email.indexOf("@");
var punto= email.lastIndexOf(".")
var medio= punto - arroba;
var final= email.length - punto;
var contrasena= document.getElementById("tContrasena").value;
var contrasena2= document.getElementById("tContrasena2").value;
if (apellidos.length <= 5) {
alert ("Apellidos debe tener 5 o mas caracteres");
valido = false;
}
if (nombre.length <= 2) {
alert ("Nombre debe tener 2 o mas caracteres");
valido = false;
}
if (ano < 1900 || ano > 2018) {
alert ("El ano no es correcto");
valido = false;
}
if (mes < 1 || mes > 12) {
alert ("El mes no es correcto");
valido = false;
}
if (dia < 1 || dia > 31) {
alert ("El dia no es correcto");
valido = false;
}
if ((mes == 1 || mes == 3 || mes == 5 || mes == 7 || mes == 8 || mes == 10 || mes == 12) && dia > 31) {
alert ("El mes o el dia estan mal puestos");
valido = false;
}
if ((mes == 4 || mes == 6 || mes == 9 || mes == 11) && dia > 30) {
alert ("El mes o el dia estan mal puestos");
valido = false;
}
if ((ano % 4 == 0) && mes == 2 && dia > 29) {
alert ("El mes o el dia estan mal puestos");
valido = false;
}
if ((ano % 4 != 0) && mes == 2 && dia > 28) {
alert ("El mes o el dia estan mal puestos");
valido = false;
}
if (contrasena.length < 10) {
alert("Email no tiene la longitud necesaria");
valido = false;
}else{
if (arroba = -1) {
alert("Email no tiene @");
valido = false;
}else{
if (punto = -1) {
alert("Email no tiene un punto en posicion casi final");
valido = false;
}else{
if (arroba < 3 || medio < 3 || final < 2) {
alert("Email no tiene los caracteres necesarios en cada parte del Email");
valido = false;
}
}
}
}
if (contrasena.length <= 8) {
alert ("Contrasena debe tener 8 o mas caracteres");
valido = false;
}
if (contrasena2 != contrasena) {
alert ("Contrasenas no coinciden");
valido = false;
}
return valido;
}
</script>
</head>
<body>
<form action="http://www.colegio-losnaranjos.com/" method="post" onSubmit="return validacion()">
Con esto podeis tener una rápida idea de la forma de validar campos de un formulario de una manera facil, aunque hay muchos tipos de validaciones de diferentes tipos de datos
No hay comentarios:
Publicar un comentario