الصفحة الرئيسية>المتعلقة بالبرمجة>شفرة المصدر الأخرى
تنزيل

مقدمة

يقوم هذا المكون الإضافي 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]/
  • قناع-int: /[d-]/
  • قناع pnum: /[d.]/
  • /[d-.]/ num:
  • 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 = { ... } ;
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل