كيفية إنشاء حقل نص محدود بـ 140 حرف باستخدام Jquery

كيفية إنشاء حقل نص محدود بـ 140 حرف باستخدام Jquery

إنشاء حقل نصي يتجاوب مع 140 حرف باستخدام jQuery

jQuery هي مكتبة JavaScript تم إنشاؤها لتسهيل استخدام JavaScript. لقد كتبت مقالة مدونة صغيرة تشرح فوائد jQuery والميزات التي يقدمها والتي تستخدم منذ عام 2006 لتلبية احتياجات JavaScript وAjax ومكتبات التأثيرات فأخذ فرصة للحديث عن ذلك. في هذه المدونة، سأجيب على سؤال كيف نجعل jQuery يحسب 140 حرفاً؟

أولاً، سأقوم بإنشاء حقل نصي بسيط مع عنصر لعرض عدد الأحرف المدخلة تحته.

HTML

Description

الآن لدينا أكواد jQuery

JavaScript/jQuery

$(function (){
$("#textAlani").keyup(function (e) { // اخترت منطقة النص وأدخلت الدوال الخاصة بي 

    var harfLimiti=140;  // حدد عدد الأحرف القصوى المسموحة
    var sayac=$(this).val().length; // أنشأت متغيراً للتحقق من عدد الأحرف 140 الموضحة أعلاه

    $("#girilenHarf").text(sayac) // تعريف صغير سيظهر عدد الأحرف المدخلة 
    $("#kalanHarf").text(harfLimiti-sayac) // ليظهر لنا عدد الأحرف المتبقية

    if (sayac>harfLimiti) { 
        $("#uyari").text("لا يمكنك إدخال المزيد من الأحرف...")
    }// إذا تجاوز عدد الأحرف المحسوبة الرقم الموجود في متغير 'harfLimit'، قم بإدراج نص 
    // باستخدام خاصية text "لا يمكنك إدخال المزيد من الأحرف..."
});

})

كيف نجعل jQuery يحسب 140 حرفاً؟

النتيجة

Description