Event KeyCode Javascript (Funciones Con El Teclado)

Hola!

Hoy les mostrare una gran función de JavaScript que permite manipular que tipo de caracteres permitiré yo capturar en un campo de texto para mayor control de un formulario. 

Pero primero les explicare que es una Expresión Regular.

Expresiones Regulares:

Define un patrón de búsqueda para cadenas de caracteres.

Se puede utilizar para comprobar si una cadena contiene o coincide con el patrón. El contenido de la cadena de caracteres puede coincidir con el patrón 0, 1 o más veces.

Algunos ejemplos de uso de expresiones regulares pueden ser:

• Para comprobar que la fecha leída cumple el patrón dd/mm/aaaa
• Para comprobar que un NIF está formado por 8 cifras, un guión y una letra
• Para comprobar que una dirección de correo electrónico es una dirección válida.
• Para comprobar que una contraseña cumple unas determinadas condiciones.
• Para comprobar que una URL es válida.
• Para comprobar cuántas veces se repite dentro de la cadena una secuencia de caracteres determinada.

El patrón se busca en el String de izquierda a derecha. Cuando se determina que un carácter cumple con el patrón este carácter ya no vuelve a intervenir en la comprobación.

Ejemplos de expresiones regulares:

Símbolos comunes en expresiones regulares:

Expresión	Descripción
.	Un punto indica cualquier carácter
^expresión	El símbolo ^ indica el principio del String. En este caso el String debe contener la expresión al principio.
expresión$	El símbolo $ indica el final del String. En este caso el String debe contener la expresión al final.
[abc]	Los corchetes representan una definición de conjunto. En este ejemplo el String debe contener las letras a ó b ó c.
[abc][12]	El String debe contener las letras a ó b ó c seguidas de 1 ó 2
[^abc]	El símbolo ^ dentro de los corchetes indica negación. En este caso el String debe contener cualquier carácter excepto a ó b ó c.
[a-z1-9]	Rango. Indica las letras minúsculas desde la a hasta la z (ambas incluidas) y los dígitos desde el 1 hasta el 9 (ambos incluidos)
A|B	El carácter | es un OR.  A ó B
AB	Concatenación. A seguida de B

Meta caracteres:

Expresión	Descripción
\d	Dígito. Equivale a [0-9]
\D	No dígito. Equivale a [^0-9]
\s	Espacio en blanco. Equivale a [ \t\n\x0b\r\f]
\S	No espacio en blanco. Equivale a [^\s]
\w	Una letra mayúscula o minúscula, un dígito o el carácter _ Equivale a  [a-zA-Z0-9_]
\W	Equivale a [^\w]
\b	Límite de una palabra.

En Java debemos usar una doble barra invertida \\

Por ejemplo para utilizar \w tendremos que escribir \\w. Si queremos indicar que la barra invertida en un carácter de la expresión regular tendremos que escribir \\\\.

Cuantificadores:

Expresión	Descripción
{X}	Indica que lo que va justo antes de las llaves se repite X veces
{X,Y}	Indica que lo que va justo antes de las llaves se repite mínimo X veces y máximo Y veces. También podemos poner {X,} indicando que se repite un mínimo de X veces sin límite máximo.
*	Indica 0 ó más veces. Equivale a {0,}
+	Indica 1 ó más veces. Equivale a {1,}

Los caractares ASCII de control de dispositivos para utilizar funciones en JavaScript:
Los caracteres de control ASCII (rango 00-31, además de 127) fueron diseñados para controlar los dispositivos de hardware.

Los caracteres de control (excepto tabulador horizontal, avance de línea y retorno de carro) no tienen nada que hacer dentro de un documento HTML.

ASCII caracteres imprimibles

Char	Number	Description
	32	spaceTry it
!	33	exclamation markTry it
"	34	quotation markTry it
#	35	number signTry it
$	36	dollar signTry it
%	37	percent signTry it
&	38	ampersandTry it
'	39	apostropheTry it
(	40	left parenthesisTry it
)	41	right parenthesisTry it
*	42	asteriskTry it
+	43	plus signTry it
,	44	commaTry it
-	45	hyphenTry it
.	46	periodTry it
/	47	slashTry it
0	48	digit 0Try it
1	49	digit 1Try it
2	50	digit 2Try it
3	51	digit 3Try it
4	52	digit 4Try it
5	53	digit 5Try it
6	54	digit 6Try it
7	55	digit 7Try it
8	56	digit 8Try it
9	57	digit 9Try it
:	58	colonTry it
;	59	semicolonTry it
<	60	less-thanTry it
=	61	equals-toTry it
>	62	greater-thanTry it
?	63	question markTry it
@	64	at signTry it
A	65	uppercase ATry it
B	66	uppercase BTry it
C	67	uppercase CTry it
D	68	uppercase DTry it
E	69	uppercase ETry it
F	70	uppercase FTry it
G	71	uppercase GTry it
H	72	uppercase HTry it
I	73	uppercase ITry it
J	74	uppercase JTry it
K	75	uppercase KTry it
L	76	uppercase LTry it
M	77	uppercase MTry it
N	78	uppercase NTry it
O	79	uppercase OTry it
P	80	uppercase PTry it
Q	81	uppercase QTry it
R	82	uppercase RTry it
S	83	uppercase STry it
T	84	uppercase TTry it
U	85	uppercase UTry it
V	86	uppercase VTry it
W	87	uppercase WTry it
X	88	uppercase XTry it
Y	89	uppercase YTry it
Z	90	uppercase ZTry it
[	91	left square bracketTry it
\	92	backslashTry it
]	93	right square bracketTry it
^	94	caretTry it
_	95	underscoreTry it
`	96	grave accentTry it
a	97	lowercase aTry it
b	98	lowercase bTry it
c	99	lowercase cTry it
d	100	lowercase dTry it
e	101	lowercase eTry it
f	102	lowercase fTry it
g	103	lowercase gTry it
h	104	lowercase hTry it
i	105	lowercase iTry it
j	106	lowercase jTry it
k	107	lowercase kTry it
l	108	lowercase lTry it
m	109	lowercase mTry it
n	110	lowercase nTry it
o	111	lowercase oTry it
p	112	lowercase pTry it
q	113	lowercase qTry it
r	114	lowercase rTry it
s	115	lowercase sTry it
t	116	lowercase tTry it
u	117	lowercase uTry it
v	118	lowercase vTry it
w	119	lowercase wTry it
x	120	lowercase xTry it
y	121	lowercase yTry it
z	122	lowercase zTry it
{	123	left curly braceTry it
|	124	vertical barTry it
}	125	right curly braceTry it
~	126	tildeTry it

Otros:

Char	Number	Description
NUL	00	null character
SOH	01	start of header
STX	02	start of text
ETX	03	end of text
EOT	04	end of transmission
ENQ	05	enquiry
ACK	06	acknowledge
BEL	07	bell (ring)
BS	08	backspace
HT	09	horizontal tab
LF	10	line feed
VT	11	vertical tab
FF	12	form feed
CR	13	carriage return
SO	14	shift out
SI	15	shift in
DLE	16	data link escape
DC1	17	device control 1
DC2	18	device control 2
DC3	19	device control 3
DC4	20	device control 4
NAK	21	negative acknowledge
SYN	22	synchronize
ETB	23	end transmission block
CAN	24	cancel
EM	25	end of medium
SUB	26	substitute
ESC	27	escape
FS	28	file separator
GS	29	group separator
RS	30	record separator
US	31	unit separator
DEL	127	delete (rubout)

URL para buscar un el código de un caracter especifico:

http://www.asquare.net/javascript/tests/KeyCode.html

Ejemplo de uso en una función:

//FUNCION EN JAVASCRIPT (SOLO CAPTURAR NUMEROS)

function validarn(e) {//e es el objeto que recibe

//se crea una variable de tipo var, llamada keynum 

var keynum = window.event ? window.event.keyCode : e.which;

//keynum recibe los eventos que captura el teclado,

//funciona si es: window.event haga window.event.keyCode sino haga e.which

if ((keynum == 8) || (keynum == 44) || (keynum == 46))

//codigos 8 = borrar, 44 es igual a coma (,), 46 es igual a punto (.)

return true;

//retorna verdadero si se ingresa alguno de estos tres caracteres y finaliza la función

//si la condición no se cumple, con la expresión regular \d, permite capturar solo numeros en la variable keynum por caracter ingresado

return /\d/.test(String.fromCharCode(keynum));

}

//OTRA FUNCION, QUE SOLO PERMITE UNOS CUANTOS CARACTERES

function validarc(e){

//se crea una variable de tipo var, llamada keynum

var keynum = window.event ? window.event.keyCode : e.which;

//keynum recibe los eventos que captura el teclado,

//funciona si es: window.event haga window.event.keyCode sino haga e.which

if ((keynum == 0) || (keynum == 8) || (keynum == 44) || (keynum == 46))

//codigos 0 = tecla suprimir, y de desplazamiento derecha o izquierda, 8 = borrar, 44 es igual a coma (,), 46 es igual a punto (.)

return true;

//retorna verdadero si se ingresa alguno de estos tres caracteres y finaliza la función

return false;

//obligatoriamente necesita otro return para finalizar la función 

}

Fuentes:

http://www.w3schools.com/charsets/ref_html_ascii.asp

http://www.asquare.net/javascript/tests/KeyCode.html