jquery keyfilter

導入

このjQueryプラグインは、指定された正規表現によってキーボード入力をフィルタリングします。

Ext.JS（ Ext.Form.TextField 、 Ext.EventManager ）に触発されたソースコードは、より正確なロジックを提供するように変更されました。

手続きスタイル

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

また、regexpの代わりにテスト機能に合格することもできます。その議論：

• これ-HTML DOM要素（イベントターゲット）。
• C-着信文字を含む文字列。

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

CSSクラス属性スタイル

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

このようなCSSクラスを使用した入力は、以下の対応するregexpを自動的に適用します。

正規表現を備えた事前定義されたクラス

• マスクパイント： /[d]/
• mask-int： /[d-]/
• mask-pnum： /[d.]/
• mask-num： /[d-.]/
• mask-hex： /[0-9a-f]/i
• Mask-Email： /[a-z0-9_.-@]/i i
• mask-alpha： /[a-z_]/i
• Mask-alphanum： /[a-z0-9_]/i

さまざまなクラスを使用します

必要に応じて、これらの標準の正規表現を異なるクラスに適用できます。

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

拡張性

KeyFilterは、提供されたマスクのリストの拡張と変更をサポートします。

拡張の例

 /*
 * Key filter masks for hosting.
 */

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

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

} ) ( jQuery ) ;

ビルトインマスクをオーバーライドして、フランス語のアクセントを許可します

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

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

オーバーライド

プラグインがロードされた後、 document.ready準備の前に、プラグインがロードされる前に、単純な割り当てによってマスクを完全にオーバーライドできます。

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