pro-Gramas tu biblioteca de programacion
Tutoriales de Javascript
Introducción
Solo tienes que copear el código que esta abajo y si quieres puedes descargar el ejemplo funcionando al final.
<html>
<head>
<title>Validación campos de formulario</title>
</style>
<p align="center"><b>Validación campos de formulario
<script Language="Javascript"><!--
function validar(formulario)
{
if (formulario.nombre.value.length < 4)
{
alert("Escriba por lo menos 4 caracteres en el campo "nombre".");
formulario.nombre.focus();
return (false);
}
var checkOK = "ABCDEFGHIJKLMNñOPQRSTUVWXYZáéíóúabcdefghijklmnño
pqrstuvwxyzáéíóú ";
var checkStr = formulario.nombre.value;
var allValid = true;
for (i = 0; i < checkStr.length; i++)
{
ch = checkStr.charAt(i);
for (j = 0; j < checkOK.length; j++)
if (ch == checkOK.charAt(j))
break;
if (j == checkOK.length)
{
allValid = false;
break;
}
}
if (!allValid)
{
alert("Escriba sólo letra caracteres en el campo "nombre".");
formulario.nombre.focus();
return (false);
}
if (formulario.edad.value.length != 2)
{
alert("Escriba un valor mayor o igual que "18" y menor o igual que "30" en el
campo "Edad".");
formulario.nombre.focus();
return (false);
}
var checkOK = "0123456789-";
var checkStr = formulario.edad.value;
var allValid = true;
var decPoints = 0;
var allNum = "";
for (i = 0; i < checkStr.length; i++)
{
ch = checkStr.charAt(i);
for (j = 0; j < checkOK.length; j++)
if (ch == checkOK.charAt(j))
break;
if (j == checkOK.length)
{
allValid = false;
break;
}
allNum += ch;
}
if (!allValid)
{
alert("Escriba sólo dígito caracteres en el campo "Edad".");
formulario.edad.focus();
return (false);
}
var chkVal = allNum;
var prsVal = parseInt(allNum);
if (chkVal != "" && !(prsVal >= "18" && prsVal <= "30"))
{
alert("Escriba un valor mayor o igual que "18" y menor o igual que "30" en el
campo "Edad".");
formulario.edad.focus();
return (false);
}
if ((formulario.correo.value.indexOf (@, 0) == -1)||
(formulario.correo.value.length < 5)) {
alert("Escriba una dirección de correo válida en el campo "Dirección de correo".");
formulario.correo.focus();
return (false);
}
return (true);
}
//--></script>
<title>Ejemplo de formulario con control de entrada</title>
</head>
</b>
<body bgcolor="#ffffff" text="#000000" link="#054BBB" vlink="#006342"
background="../images/sombrazul.gif"
onLoad="window.defaultStatus=Ejemplo de formulario con control de
entrada; return true">
</p>
<table width="600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="480" valign="top" align="left"><table border="0" width="100%">
<tr>
<td width="100%"><p align="center"> </p>
<h2><font size="2" face="Arial">Ejemplo de formulario</font></h2>
<p>Introduzca sus datos personales: </p>
<form method="POST" name="registro" onsubmit="return validar(this)"
action="formularios.asp">
<table border="0" width="350" cellspacing="3">
<tr>
<td width="50%" align="right"><font size="2">Nombre</font></td>
<td width="50%"><input type="text" name="nombre" size="20"></td>
</tr>
<tr>
<td width="50%" align="right"><font size="2">Edad</font></td>
<td width="50%"><input type="text" name="edad" size="2" maxlength="2"></td>
</tr>
<tr>
<td width="50%" align="right"><font size="2">Dirección de correo</font></td>
<td width="50%"><input type="text" name="correo" size="20"></td>
</tr>
</table>
<p align="center"><input type="submit" value="Enviar datos" name="enviar"></p>
</form>
</td>
</tr>
</table>
<p><font size="-2">. </font></td>
</tr>
</table>
</body>
</html>Autor: S/A
Descargar
Descargar