jquery keyfilter

Introducción

Este complemento jQuery filtra la entrada del teclado por expresión regular especificada.

Código fuente inspirado en ext.js ( ext.form.textfield , ext.eventmanager ), pero se modificó para proporcionar una lógica más precisa.

Estilo de procedimiento

 $ ( "#ggg" ) . keyfilter ( / [dA-F] / ) ;

También puede pasar la función de prueba en lugar de regexp. Sus argumentos:

• Este - Elemento DOM HTML (objetivo de evento).
• C - Cadena que contiene carácter entrante.

 $ ( "#ggg" ) . keyfilter ( function ( c ) { return c != 'a' ; } ) ; 

Estilo de atributo de clase CSS

 < input type =" text " class =" mask-num " />

Las entradas con clases de CSS como esta tendrán automáticamente el Regexp correspondiente a continuación aplicado.

Clases predefinidas con sus regexps

• Pinta de máscara: /[d]/
• MASK-INT: /[d-]/
• MASK-PNUM: /[d.]/
• Mask-num: /[d-.]/
• Mask-hex: /[0-9a-f]/i
• mask-email: /[a-z0-9_.-@]/i
• mask-alpha: /[a-z_]/i
• Mask-Alphanum: /[a-z0-9_]/i

Usando diferentes clases

Puede aplicar estas reglas estándar a diferentes clases si lo desea.

 $ ( "input.integer" ) . keyfilter ( $ . fn . keyfilter . defaults . masks . int ) 

Extensibilidad

KeyFilter admite la extensión y el cambio de la lista de máscaras proporcionadas.

Ejemplo de extensión

 /*
 * Key filter masks for hosting.
 */

( function ( $ )
{
  var hostingMasks = {
    dir : / [a-z0-9_/-.] / i ,
    ftpuser : / [a-z0-9_] /
  } ;

  $ . extend ( $ . fn . keyfilter . defaults . masks , hostingMasks ) ;

} ) ( jQuery ) ;

Anular las máscaras incorporadas para permitir acentos franceses

 /*
 * Key filter masks supporting french accents.
 */

( function ( $ )
{
  $ . extend ( $ . fn . keyfilter . defaults . masks , {
    alpha :    / [a-zéèçàêoe_] / i ,
    alphanum : / [a-zéèçàêoe0-9_] / i
  } ) ;
} ) ( jQuery ) ; 

Primordial

Puede anular completamente las máscaras por asignación simple después de que se carga el complemento pero antes del document.ready .

 $ . fn . keyfilter . defaults . masks = { ... } ;