Validacion de Formularios Simple
Con este codigo puedes aprender hacer validaciones de formulario .
Espero que esto les sirva de ayuda
<html>
<head>
<script type="text/javascript">
function validate()
{
var at=document.getElementById("email").value.indexOf("@");
var age=document.getElementById("age").value;
var fname=document.getElementById("fname").value;
submitOK="true";
if (fname.length>10)
{
alert("El nombre deve de puede más de 10 caracteres");
submitOK="false";
}
if (isNaN(age)||age<1||age>100)
{
alert("La edad debe ser un número entre 1 y 100");
submitOK="false";
}
if (at==-1)
{
alert("Not a valid e-mail!");
submitOK="false";
}
if (submitOK=="false")
{
return false;
}
}
</script>
</head>
<body>
<form action="archivo.htm" onsubmit="return validate()">
Nombre (max 10 caracteres): <input type="text" id="fname" size="20"><br />
Edad (de 1 a 100): <input type="text" id="age" size="20"><br />
E-mail: <input type="text" id="email" size="20"><br />
<br />
<input type="submit">
</form>
</body>
</html>
<head>
<script type="text/javascript">
function validate()
{
var at=document.getElementById("email").value.indexOf("@");
var age=document.getElementById("age").value;
var fname=document.getElementById("fname").value;
submitOK="true";
if (fname.length>10)
{
alert("El nombre deve de puede más de 10 caracteres");
submitOK="false";
}
if (isNaN(age)||age<1||age>100)
{
alert("La edad debe ser un número entre 1 y 100");
submitOK="false";
}
if (at==-1)
{
alert("Not a valid e-mail!");
submitOK="false";
}
if (submitOK=="false")
{
return false;
}
}
</script>
</head>
<body>
<form action="archivo.htm" onsubmit="return validate()">
Nombre (max 10 caracteres): <input type="text" id="fname" size="20"><br />
Edad (de 1 a 100): <input type="text" id="age" size="20"><br />
E-mail: <input type="text" id="email" size="20"><br />
<br />
<input type="submit">
</form>
</body>
</html>
Espero que esto les sirva de ayuda
No hay comentarios.