หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

การแนะนำ

ปลั๊กอิน 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 ที่สอดคล้องกันโดยอัตโนมัติ

คลาสที่กำหนดไว้ล่วงหน้าด้วย regexps

  • หน้ากากไพน์: /[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

ใช้คลาสที่แตกต่างกัน

คุณสามารถใช้ 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 = { ... } ;
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด