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