Anexo III: Funciones de JavaScript

Hay varias funciones de validación disponibles. En este capítulo se explica como invocarlas y utilizarlas.

Funciones Uso
Validación de Hora Permite validar que la hora sea válida y convertirla a hora militar
Manejo de Fecha Permite validar y convertir la fecha al formato AAAA-MM-DD, que es el formato que se debe utilizar para almacenar las fechas en MySql
Caja de Calendario Permite poner una caja con el calendario para que el usuario pueda introducir una fecha más cómodamente.
Validación de número Permite validar que un campo sea numérico (con decimales opcionales)
Validación de entero Permite validar que un campo sea entero (sin decimales)
Ayuda Permite que aparezca una explicación de ayuda cuando el usuario hace clic sobre un icono (En Net2Client es normalmente un signo de interrogación)

 

1. Validación de hora

Incluir con (Ver Nota):

<SCRIPT type="text/javascript" src="rutinas/validarhora.js"></script>

Contiene la función:

validarhora(hora)

Recibe la hora como parámetro y la devuelve en formato de hora militar. La hora recibida puede tener AM o PM. Si la hora es invalida, devuelve la palabra "MALA".

Ejemplo de utilización:

hora = validarhora(document.seg.HoraEntrada.value);
if (document.seg.HoraEntrada.value != '' && hora=='MALA'){
   alert('Hora Invalida');
   document.seg.HoraEntrada.focus();
   return false;
   };
document.seg.HoraEntrada.value=hora; 
 

2. Manejo de fecha

Existen una función que permite validar la fecha y convertirla al formato AAAA-MM-DD.

Incluir con (Ver Nota):

<SCRIPT type="text/javascript" src="rutinas/descomponerfecha.js"></script>

Contiene:

function descomponerfecha(fecha,tipo)

en donde "fecha" es la fecha y "tipo" es como viene la fecha (0: en formato AAAA-MM-DD, 1:formato DD/MM/AAAA, 2:formato MM/DD/AAAA)

Devuelve la palabra "MALA" si la fecha tiene un problema y si todo está bien, devuelve la fecha en formato AAAA-MM-DD

Ejemplo de utilización:

fecha = descomponerfecha(document.seg.FechaInput.value,"1");
if (document.seg.FechaInput.value != '' && fecha=='MALA'){
   alert('Fecha Invalida');
   document.seg.FechaInput.focus();
   return false;
};
document.seg.FechaInput.value=fecha; 

3. Caja de calendario

Sirve para poner una caja de calendario

Incluir con (Ver Nota):

<SCRIPT type='text/javascript' src='rutinas/cajacalendario.js'></script>

La forma de incluir el calendario en el programa que lo requiere es la siguiente:

<input type='text' name='Fecha' size='12'>
<a href=javascript:show_calendar('Fecha',"1")>
<img src='http://www.net2client.com/sis/imagenes/show-calendar.gif' border=0></a>

En donde: el "1" es el tipo de fecha(0: en formato AAAA-MM-DD, 1:formato MM/DD/AAAA, 2:formato DD/MM/AAAA).

La única restricción que hay (por ahora) es que la forma debe llamarse "seg". Y que debe existir una variable "idio" que indique el idioma en el cual se quiere la fecha:

<input type='hidden' name='idio' value='esp'> 
esp: español. ','_blank','width=300,height=200')" value="Idiomas disponibles">

4. Validación de número

Incluir con (Ver Nota):

<SCRIPT type="text/javascript" src="rutinas/validarnumero.js"></script>

Contiene:

function validarnumero(string,puntodec)

Esta función valida que el "string" sea válido. En "puntodec" se debe indicar cual es el punto decimal (coma o punto) que se está utilizando. Devuelve true o false.

Ejemplo:

if (!validarnumero(document.seg.Numero.value,'.')){
	alert('Numero Invalido');
	document.seg.CPO$i.focus();
	return false;
};

5. Validación de entero

Incluir con (Ver Nota):

<SCRIPT type="text/javascript" src="rutinas/validarentero.js"></script>

Contiene:

function function validarentero(string)

Esta función valida que el "string" contenga solo números. Devuelve true o false.

Ejemplo:

if (!validarentero(document.seg.Numero.value,'.')){
	alert('Numero Invalido');
	document.seg.CPO$i.focus();
	return false;
};

6. Ayuda

Incluir con (Ver Nota):

<SCRIPT type="text/javascript" src="rutinas/ayuda.js"></script>

Explicación pendiente

 

Nota sobre la invocación

Estas funcioness se encuentran en el mismo directorio de versup.php. Por lo tanto es la forma más fácil de llamarlas. Si se está fuera de este programa, se puede sustituir:

src="rutinas/validarentero.js"

por:

src="http://www.net2client.com/sis/rutinas/validarentero.js"