<html>
<head><title>validar con Javascript, metodo2</title>
<script language='javascript'>
function val(valor){
lon=document.getElementById(valor).value.length;
campo=document.getElementById(valor).value;
for(i=0;i
flag=isNaN(campo[i]);
if (flag==false){
//alert('este campo solo admite letras');
document.getElementById(valor).value="";
document.getElementById(valor).setfocus;
exit();
}
}
if (lon==0){
//alert('este campo es obligatorio');
}
}
</script>
</head>
<body>
<form name='formu'>
<table border='1'>
<tr>
<td>Nombre</td>
<td><input type='text' name='nom' id='nombre' onblur='val(this.id)' />
</tr>
<tr>
<td>Apellido</td>
<td><input type='text' name='ape' id='apellido' onblur='val(this.id)' />
</tr>
<tr>
<td colspan='2' align='center'><input type='submit'></td>
</tr>
</table>
</form>
</body>
</html>
Para que la longitud y el nombre del campo pueda ser reutilizado para cada textbox, cada uno de ellos tienen que poseer el atributo ID, ya que con getElementById() es necesario dicho atributo para poder evaluar el texto.
como pueden ver los dos textbox llaman a la misma funcion, asi sucesivamente se tendria que hacer si se quisiera validar mas campos string, para validar campos integer solo se tendria que realizar una pequeña varianza en la funcion val(), especificamente en la condicional de flag.
espero este pequeño tutorial pueda serles util, ya que esa es su finalidad.
0 comentarios:
Publicar un comentario