إنشاء حقل نصي حسّاس لـ 140 حرف باستخدام jQuery
jQuery هو مكتبة جافا سكريبت تم إنشاؤها لتسهيل استخدام جافا سكريبت. لقد تم استخدام jQuery منذ عام 2006 لتلبية احتياجات جافا سكريبت وAjax وكذلك مكتبة التأثيرات، وقد كتبت مقال مدونة صغير يوضح فوائد jQuery والمزايا التي يوفرها. في هذه المدونة سأجيب على السؤال كيف نجعل jQuery يحسب 140 حرفًا؟.
بادئ ذي بدء، سأقوم بإنشاء حقل نصي بسيط مع نص textarea وعرض عدد الأحرف المدخلة أسفلها.
HTML
الآن لدينا كود jQuery
JavaScript/jQuery
$(function (){
$("#textAlani").keyup(function (e) { // اخترت textarea وأدخلت دوال في داخله
var harfLimiti=140; //حددت الحد الأقصى لعدد الأحرف المدخلة
var sayac=$(this).val().length; // عرّفت متغيرًا للتحقق من عدد الأحرف 140 أعلاه
$("#girilenHarf").text(sayac) // تعريف صغير لعرض الأحرف المدخلة
$("#kalanHarf").text(harfLimiti-sayac) // لعرض عدد الأحرف المتبقية
if (sayac>harfLimiti) {
$("#uyari").text("لا يمكنك إدخال المزيد من الأحرف...")
}// إذا تجاوز عدد الأحرف في `sayac` الرقم الموجود في متغير `harfLimit`، فقم بكتابة النص "لا يمكنك إدخال المزيد من الأحرف..." داخل العنصر المحدد
});
})
كيف نجعل jQuery يحسب 140 حرفًا؟
النتيجة
