jquery keyfilter

Einführung

Dieser JQuery -Plugin -Filter -Tastatureingang nach dem angegebenen regulären Ausdruck.

Der von ext.js ( ext.form.textfield , ext.eventManager ) inspirierte Quellcode wurde jedoch geändert, um eine genauere Logik bereitzustellen.

Verfahrenstil

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

Sie können auch die Testfunktion anstelle von Regexp übergeben. Seine Argumente:

• Dies - HTML DOM -Element (Ereignisziel).
• C - Zeichenfolge, die eingehender Zeichen enthält.

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

CSS -Klasse Attributstil

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

Inputs mit CSS -Klassen wie diesen werden automatisch die entsprechende Regexp unten angewendet.

Vordefinierte Klassen mit seinen Regexps

• Masken-Pint: /[d]/
• mask-int: /[d-]/
• mask-pnum: /[d.]/
• Mask-num: /[d-.]/
• Mask-Hex: /[0-9a-f]/i
• Masken-EMail: /[a-z0-9_.-@]/i
• Mask-alpha: /[a-z_]/i
• Mask-Alphanum: /[a-z0-9_]/i

Verwenden verschiedener Klassen

Sie können diese Standard -Regexps auf verschiedene Klassen anwenden, wenn Sie dies wünschen.

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

Erweiterbarkeit

KeyFilter unterstützt die Erweiterung und Änderung der Liste der bereitgestellten Masken.

Beispiel für die Verlängerung

 /*
 * Key filter masks for hosting.
 */

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

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

} ) ( jQuery ) ;

Überschreiben Sie integrierte Masken, um französische Akzente zuzulassen

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

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

Überschreiben

Sie können Masken nach dem Lasten des Plugins durch einfache Zuordnung vollständig überschreiben. Vor dem document.ready .

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