Sociales

10 EJEMPLOS DE SCRIP JAVA
1. Validación de campos numéricos enteros
Este ejemplo muestra como utilizar las funciones parseInt() e isNaN() de JavaScript. La función parseInt() se utiliza para convertir a valor numérico entero el dato introducido en un campo de formulario. Nos devuelve la constante de JavaScript NaN cuando el valor introducido no puede convertirse a un entero (por ejemplo,porque tiene caracteres no numéricos al principio).
La función isNaN() permite precisamente verificar si una variable es igual a NaN, devolviendo true (verdadero) en caso afirmativo.
De esta forma, combinando ambas funciones se puede recuperar el valor de un campo de formlario, convertirlo a entero y validarlo como se desee (en el ejemplo, comprobando que el primer valor es menor o igual que elsegundo).

CODIGO
<script language="javascript" type="text/javascript">
//VALIDACION DE NUMEROS ENTEROS
//
//Autor: Iván Nieto Pérez
//Basado en un ejemplo de instibat
//Este script y otros muchos pueden
//descarse on-line de forma gratuita
//en El Código: www.elcodigo.com

function validar(formu) {

//convierte en valores enteros los datos del formulario (base 10)
var1 =parseInt(formu.pr1.value, 10)
var2 = parseInt(formu.pr2.value, 10)

//valida que sean numeros
if ( isNaN(var1) || isNaN(var2) ) {
alert("Debe cumplimentar los dos campos precio\ncon valores numéricos.")
return false
//valida que sean positivos
} else if (var1 < 0 || var2 < 0) {
alert("Los valores numéricos introducidos\ndeben ser positivos.")
return false
//valida que elprimero es menor que el segundo
} else if( var1 > var2 ) {
alert("El primer precio tiene que ser\nmenor o igual que el segundo.")
return false
//ok, envio formulario
} else {
alert("OK, los valores introducidos son correctos.")
return false
//IMPORTANTE: eliminar la linea anterior y quitar el // de la siguiente para realizar el envio de verdad
//return true
}
}</script>

2. Cuenta caracteres que faltan
En el uso de formularios en muy frecuente que se le solicite al usuario la inserción de un texto cuyo número de caracteres está limitado a un valor máximo. Para facilitar la inserción de este texto, este script muestra constantemente el número de caracteres que faltan hasta llegar al máximo.
El valor del número de caracteres que faltan seactualiza en cada pulsación, con lo cual resulta muy sencillo para el usuario introducir un texto adecuado al tamaño permitido. Si se sobrepasa el valor máximo, se muestra un mensaje de advertencia.
Este ejemplo sencillo muestra cómo utilizar el evento onKeyUp para controlar el momento en que el usuario introduce caracteres en el campo del formulario. Este evento dispara la ejecución de la funciónJavaScript que lleva la cuenta y la muestra en otro campo.
CODIGO
<script language="javascript" type="text/javascript">
//CUENTA CARACTERES QUE FALTAN
//Iván Nieto Pérez
//Este script y otros muchos pueden
//descarse on-line de forma gratuita
//en El Código: www.elcodigo.com

function calCarFaltan( formulario ) {

var maxLongitud = 25
var libres = 25 //si cambia este valor,debe modificarse en el atributo value de campo numero

if ( formulario.mensaje.value.length > maxLongitud ) {

formulario.mensaje.value = formulario.mensaje.value.substring(0,maxLongitud)
libres = 0
alert("¡Ha superado el límite!\nRecuerde que dispone de\n" + maxLongitud + " caracteres")
} else {
libres = maxLongitud - formulario.mensaje.value.length
}formulario.numero.value = libres
}
</script>

3. Banners aleatorios

Una de las funcionalidades más habituales que requiere una página web es la posibilidad de mostrar imágenes diferentes en cada recarga, de forma aleatoria, para implementar banners o simplemente para cambiar el aspecto o diseño dinámicamente.
Con este ejemplo se consigue crear este efecto, de forma...