jquery keyfilter

Perkenalan

Plugin jQuery ini menyaring input keyboard dengan ekspresi reguler yang ditentukan.

Kode sumber yang diilhami oleh ext.js ( ext.form.textfield , ext.eventManager ), tetapi dimodifikasi untuk memberikan logika yang lebih akurat.

Gaya prosedural

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

Anda juga dapat lulus fungsi tes alih -alih RegExp. Argumennya:

• Ini - elemen DOM HTML (target acara).
• C - String yang berisi karakter yang masuk.

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

Gaya atribut kelas CSS

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

Input dengan kelas CSS seperti ini akan secara otomatis memiliki regexp yang sesuai di bawah ini diterapkan.

Kelas yang telah ditentukan dengan regexpsnya

• Topeng-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
• Topeng-alfanum: /[a-z0-9_]/i

Menggunakan kelas yang berbeda

Anda dapat menerapkan RegExps standar ini ke kelas yang berbeda jika diinginkan.

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

Kemungkinan diperpanjang

KeyFilter mendukung memperluas dan mengganti daftar topeng yang disediakan.

Contoh Perpanjangan

 /*
 * Key filter masks for hosting.
 */

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

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

} ) ( jQuery ) ;

Menggantikan topeng bawaan untuk memungkinkan aksen Prancis

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

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

Utama

Anda dapat sepenuhnya mengganti topeng dengan penugasan sederhana setelah plugin memuat tetapi sebelum document.ready .

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