jquery keyfilter

Introduction

Ce plugin jQuery filtre la saisie du clavier par expression régulière spécifiée.

Code source inspiré par Ext.js ( ext.form.Textfield , ext.eventManager ), mais a été modifié pour fournir une logique plus précise.

Style procédural

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

Vous pouvez également passer la fonction de test au lieu de regexp. Ses arguments:

• Cet élément DOM HTML (cible d'événement).
• C - chaîne qui contient un caractère entrant.

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

Style d'attribut de classe CSS

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

Les entrées avec des classes CSS comme celle-ci auront automatiquement appliqué le regexp ci-dessous.

Classes prédéfinies avec ses regexps

• masque-pint: /[d]/
• mask-int: /[d-]/
• mask-pnum: /[d.]/
• masque-num: /[d-.]/
• mask-hex: /[0-9a-f]/i
• mask-email: /[a-z0-9_.-@]/i
• mask-alpha: /[a-z_]/i
• masque-alphanum: /[a-z0-9_]/i

En utilisant différentes classes

Vous pouvez appliquer ces regexps standard à différentes classes si vous le souhaitez.

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

Extensibilité

KeyFilter prend en charge l'extension et la modification de la liste des masques fournis.

Exemple d'extension

 /*
 * Key filter masks for hosting.
 */

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

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

} ) ( jQuery ) ;

Remplacer les masques intégrés pour permettre des accents français

 /*
 * 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

Vous pouvez complètement remplacer les masques par une affectation simple après le chargement du plugin, mais avant le document.ready .

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