Limitar los caracteres permitidos en un control de formulario con Javascript

En este ejemplo limitamos tanto el número de carácteres permitido, como el conjunto de carácteres a utilizar usando una expresión regular: Donde dejaremos las letras mayúsculas y minúsculas, los números, el espacio en blanco, el punto, la coma y el punto y coma. Podéis ampliar el patrón a vuestro gusto, por ejemplo para validar un email. El código del ejemplo completo es este: Explicación del código Como siempre en el onload de la pagina se cargan los manejadores de eventos: En esta ocasion pincharemos 2 eventos: onkeydown para la gestión de teclas especiales, y onkeypress para las ASCII imprimibles. Los respectivos manejadores son estas otras funciones que siguen a continuación, que por un lado aseguran el evento, y por otro […]

» Read more

Pinchar el teclado en Javascript

Este fragmento HTML pincha los 3 eventos de teclado de un control de tipo textarea: onKeyDown onKeyPress onKeyUp Además pretende comparar las propiedades disponibles keyCode which charCode key Según el navegador utilizado. Es una herramienta para analizar como se disparan, y de que información disponemos según el navegador utilizado, en cada uno de los tres eventos, y para cada una de las cuatro propiedades estudiadas (keyCode, which, charCode y key). Banco de pruebas Para analizar el comportamiento de la burbuja de eventos y de la información que tenemos del mismo en diferentes navegadores, en el textarea: Usaremos la secuencia de teclas: letra A punto . tecla [SUPR] Es decir la secuencia A.[SUPR]. Salida en diferentes navegadores y en diferentes sistemas […]

» Read more

Interaccionar con un grupo de radio buttons del formulario

Como “Interaccionar con un grupo de radio buttons del formulario”

Imaginemos el siguiente código html: La función Javascript alCargar() deshabilita el cuadro de texto y el botón, hasta que el usuario seleccione uno de los radio button: La función Javascript daFoco(‘entrada’) es un helper que simplemente da foco al elemento html con cierto id: La función Javascript alCambiar(): La función Javascript que se utiliza en alCambiar() es seleccionaTXT(‘entrada’) y su código es el siguiente: Y daFoco(‘entrada’) es otro helper que da foco al elemento html con id=’id’: Y la función Javascript activarInterfaz(), que modifica el placeholder del input de tipo texto con id = ‘entrada’ y habilita tanto la caja de texto como el botón para que el usuario pueda comenzar a interactuar tras la selección del tipo de entrada: […]

» Read more

Instalar un IDE para PHP en Windows

Instalar un IDE para PHP en Windows Por si no lo sabéis todavía un IDE es un Entorno de Desarrollo Integrado. Y os vamos a presentar uno que podéis instalar tanto si vuestro Sistema Operativo preferido es Windows como si es GNU/Linux, o Mac OS X, es multiplataforma. NetBeans IDE Podemos descargarlo desde la página de descargas de Netbeans. Existen varios Bundles (preparados) para programar en diferentes lenguajes. Para programar en PHP, HTML5, JavaScript, CSS podríamos descargar el que señalo en la figura, que ocupa 67 MB para esta versión. O si quisiera podría descargarme el paquete completo de 208 MB en esta versión, con soporte para todos los lenguajes, cosa que posiblemente no tenga sentido si no vas a programar Java y no […]

» Read more