السلام عليكم ورحمة الله وبركاته

في هذه التدوينة سوف استعرض كيفية عمل عداد لحساب الاحرف داخل صندوق نصي شبيه بتويتر
عن طريق استخدام حدث مراقبة الاحرف KeyUp Event المتضمن بمكتبة Jquery

المتطلبات
bootstrap & jquery

السيناريو :

عند كتابة اي نص داخل الصندوق يتم حساب عدد الاحرف بداخل الصندوق

و عندما يزيد عدد الاحرف عن 140 حرف يتعطل زر الارسال Submit بحيث يمنع من الارسال الى ان يتم تقليل الاحرف

وطباعة نتيجة عدد الاحرف داخل progress bar  وطوله  140

اضافة الى حذف اي مدخل يزيد من عدد الاحرف عن 140 حرف المسموح بها.

 

 

للمعاينة  ومشاهدة الكود :