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。

預定義的類及其績效

• mask Pint： /[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

使用不同的類

如果願意，您可以將這些標準式置於不同的類別應用於不同的類別。

 $ ( "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 = { ... } ;