Validación de formularios usando JavaScript

En este ejemplo, vamos a comprobar los datos de tres formularios.

• Nombre Completo
• Dirección de Email
• Una Puntuación sobre el Sitio

<SCRIPT LANGUAGE="JavaScript">

// Espacios en Blanco
var espacio ="\t\n\r";

//Chequear cuando la entrada esté vacía

function EstaVacio(s)
{ return ((s = = null) || (s.lenght = = 0 )) }

function HayEspacio(s)
{

var i;
if (EstaVacio(s)) return true;

// buscar a traves de lo caracteres hasta encontrar un no espacio en blanco.

for (i = 0; i < s.length; i++)
{

var c = s.charAt(i);
if (espacio.indexOf(c) = = -1) return false;

}
return true;
}

function Entrada(val, str) {
var strInput = new String(val.value);

if (HayEspacio(strInput)) {
alert(str);
return false;
} else
return true;
}

function Ranking() {

if (parseInt(document.forms[0].nRanking.value) >= 1 && parseInt(document.forms[0].nRanking.value) <=10
return true;
else
return false;
}

function ValidarDatos() {
var EnviarDatos = false;

// Chequear si el campo nombre no está vacío
EnviarDatos = Entrar(document.forms[0].txtNombre, "Ingresá tu nombre completo.");

//Chequear que el ranking sea entre 1 y 10
EnviarDatos = Ranking();
Return EnviarDatos;
}
</SCRIPT>

Finalmente sólo nos falta crear el formulario.
<form name="Formulario" method="get" action="EntradaDeFormulario.asp" onsubmit="return ValidarDatos();">

Claro está que este ejemplo es bastante básico y es posible realizarle muchas mejoras pero puede se una buena idea para comenzar.

Autor: Alejandro Gassmann
http://webmastercristiano.com/articulo/13/29

Usuarios que han visto este tema también han visto...

- Capa Deslizante
- Esconder e-mail en JavaScript
- Cambio de Imagen en JavaScript
- Eliminar frames
- Pequeños trucos de JavaScript

- Versión imprimible de este documento
- Enviar por e-mail este documento