Control de formulario con js

[monxas]

a ver, lo que yo hago en todos mis formularios es esto:
esta es la etiqueta del form:

Código HTML:

<form id="FCosulta" method="post" action="datasave.php" onSubmit="return ValidarFormulario(this);">
 

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

Código Javascript:

<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):

Código Javascript:

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:

Código Javascript:

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:

Código Javascript:

<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>