jquery keyfilter

소개

이 JQuery 플러그인은 지정된 정규 표현식으로 키보드 입력을 필터링합니다.

ext.js ( ext.form.textfield , event.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가 자동으로 적용됩니다.

regexps로 사전 정의 된 클래스

• 마스크-파인트 : /[d]/
• 마스크-인트 : /[d-]/
• 마스크 -pnum : /[d.]/
• 마스크-- /[d-.]/
• 마스크-헥스 : /[0-9a-f]/i
• 마스크-메일 : /[a-z0-9_.-@]/i
• 마스크 알파 : /[a-z_]/i
• 마스크-알파늄 : /[a-z0-9_]/i

다른 클래스 사용

원하는 경우이 표준 regexps를 다른 클래스에 적용 할 수 있습니다.

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