50درصد تخفیف سورس فروشگاهی دیجی کالا + اپلیکیشن اندروید تا پایان این هفته - کد تخفیف : off50
با تخفیف میخرم

شمارش تعداد کاراکتر در jQuery

  • منتشر شده در تاریخ

در این آموزش , قصد داریم به شما نحوه شمارش تعداد کاراکتر در jQuery را نشان بدیم . همچنین با محاسبه تعداد حروف وارد شده , تعداد مجاز کاراکتر های باقی مانده در Textbox را نیز به کاربر نمایش بدیم . در آموزش قبلی در مورد ایجاد محدودیت در وارد کردن تعداد URL ها را دیدیم.

در این مثال, ما تابع جی کوئری را در هنگام انجام رویداد keyup فراخوانی می کنیم . این تابع بر اساس تعداد کاراکتر های وارد شده و طول مجاز تعیین شده توسط ما , تعداد کاراکتر های باقی مانده را به کاربر نشان می دهد.

این قابلیت در سطح وب بسیار کاربردی است و در شبکه های اجتماعی مثل فیسنما , توییتر و همچنین بخش پیامک های تلفن همراه استفاده می شود که هدف ما اینجا استفاده از آن در اپلیکیشن های تحت وب است .

شمارش تعداد کاراکتر در jQuery

ورودی متن HTML

کد HTML زیر شامل یک textarea برای دریافت متن های کاربر به منظور شمارش تعداد کاراکتر در jQuery , است.

تابع شمارش تعداد کاراکتر در jQuery

این تابع تعداد کاراکتر های وارد شده توسط کاربر را می شمارد. بعد از آن تعداد کاراکتر ها را محاسبه و در زیر همین فیلد نمایش می دهد . اگر تعداد کاراکتر ها بیشتر از مقدار مجاز بود یک علامت منفی به همراه رنگ قرمز به شماره ها اضافه می شود .

در اینجا می توانید به جای رفتن به حالت منفی به کاربر یک پیام خطا نمایش بدید و از وارد کردن بیشتر کاراکتر جلوگیری کنید که همه بستگی به نوع استفاده در پروژه شما دارد.

امیدوارم از آموزش شمارش تعداد کاراکتر در jQuery لذت برده باشید و در پروژه هایی که می نویسید از آن استفاده کنید .

برای دانلود سورس کد کامل این آموزش از باکس دانلود استفاده کنید.

هر سوالی داشتید ، از قسمت نظرات ارسال کنید . سریعا ، پاسخگوی سوالات شما هستیم .

موفق و پیروز باشید

حسن شفیعی علاقه خاصی به برنامه نویسی وب و موبایل دارم و هر روز تلاش می کنم به این حوزه مسلط تر شوم و اطلاعاتم را به شکل کاربردی برای علاقه مندان در وب به اشتراک بگذارم

آموزش های رایگان بیشتر در اینستاگرام ما ...

NETPARADIS /
مطالب زیر را حتما بخوانید
دیدگاه کاربران

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

    دوره های آموزشی