Validación de campos de formularios

[Cosertel]

Iniciado por monxas

a ver, lo que yo hago en todos mis formularios es esto:
esta es la etiqueta del form:
<form id="FCosulta" method="post" action="enviar_registro.asp" onSubmit="return ValidarFormulario(this);">

y en un aparte (yo lo pongo dentro del head lo ultimo) hago la funcion ValidarFormulario:

<script type="text/javascript">
function ValidarFormulario(f){
if(f.nombre.value==""){
alert("Por favor, introduzca su nombre");
f.nombre.focus();
return false;
}
if(f.ape.value==""){
alert("Por favor, introduzca sus apellidos");
f.ape.focus();
return false;
}
y ahi puedes añadir en cada campo la validacion que quieras con esa misma estrcutura.
nombre y ape son los id y los name de los inputs.

los de ahi arriba son para ver si estan vacios.

si quieres comprobar que sea un numero seria usando la funcion isNaN (is Not a Number):

if(isNaN(f.edad.value)){
alert("Por favor, introduzca un valor numerico");
f.edad.focus();
return false;
}
y para la longitud hay otra que es el .length:

if(f.telefono.value.length<>9){
alert("debe ser de 9 cifras");
f.edad.focus();
return false;
}
aqui compruebo que sea de 9 cifras exactamente, pero si tiene que ser menor de x cambiando el if al simbolo > 9 lo tienes.

y luego tienes que cerrar la funcion:

return true;
}
</script>



entonces:

si tienes los inputs nombre ape y edad la funcion seria:


<script type="text/javascript">
function ValidarFormulario(f){
if(f.nombre.value==""){
alert("Por favor, introduzca su nombre");
f.nombre.focus();
return false;
}
if(f.ape.value==""){
alert("Por favor, introduzca sus apellidos");
f.ape.focus();
return false;
}
if(f.edad.value.length>2){
alert("la edad debe ser menor de 100");
f.edad.focus();
return false;
}
return true;
}
</script>

Gracias por este ejemplo, pude aclarar mis dudas y adaptarlo. Ahora el sistema de consulta es a prueba de fallos.

Aquí está el script:

<script type="text/javascript">
function ValidarFormulario(f){
if(f.Id_Cedula.value==""){
alert("Por favor, Introduzca un Número de Cédula de Identidad");
f.Id_Cedula.focus();
return false;
}
if(f.Id_Cedula.value.length>9){
alert("Por favor, Introduzca un número de Cédula de Identidad Válido");
f.Id_Cedula.focus();
return false;
}
return true;
}
</script>

Gracias nuevamente.