charCount:نمایش تعداد کارکتر باقیمانده فیلد ها

- visibility ١ mode_comment

به نام خدا

سلام.در این مطلب میخوام یه کتابخوانه جی کوئری کاربردی و زیبا رو معرفی کنم.charCount کتابخوانه ای هست که به ما امکان نمایش تعداد کارکتر باقیمانده قابل تایپ در فیلد ها رو میده.

charCount-image1

استفاده از این پلاگین نیز بسیار اسان هست.مثه همیشه اول کتابخونه جی کوئری و هیمن کتابخونه رو در صفحه مون پیوست میکنیم.

و اما استفاده ، کافیه اسکریپت زیر رو داخل صفحه مون (داخل تگ script) کپی کنیم و سپس مقادیر زیر رو جایگزین کنیم.

- #message2 : ای دی (id) فیلدمون

- allowed : مقدار کارکتر های مجاز

- warning : زمان هشدار - برای مثال اگر ما این رو روی 20 تنظیم کنیم زمانی که 20 کارکتر بیشتر باقی نمونده رنگ متن کارکتر های باقی مونده تغییر میکنه (قرمز میشه)

- counterText : متنی که قراره کنار تعداد کارکتر های باقی مونده نمایش داده بشه.مثلا "کارکتر باقی مانده : "

نمونه کد html:

info نکته :

اگر توی قسمت html فیلدتون از صفت maxlength استفاده نکنید تعداد کارکتر ها سر جای تعیین شده توقف نمیکنه و شروع به منفی شدن میکنه!!(بزرگترین ایراد این پلاگین) برای جلوگیری از این اتفاق باید از صفت maxlength استفاده و مقدارش رو برابر مقدار کارکتر های مجاز قرار بدین.

در اخر هم اینو اضافه کنم که فایل style مربوط به پلاگین نیست و جهت زیباسازی و مکان نمایش متن پلاگین هست ، پس پیشنهاد میکنم یه نگاهی بهش بندازین.

امیدوارم این مطلب براتون مفید باشه.

comment دیدگاه کاربران
مهدی

very nice , tnx

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.