تحسين مربع النص: السماح بالأحرف الأبجدية والأرقام والرموز في JavaScript

في سياق استفسارك حول السماح بإدخال الأحرف الأبجدية والأرقام، فإنني سأقدم لك معلومات مفصلة حول كيفية تحسين الكود الحالي ليشمل الأحرف الأبجدية والرموز مثل -./ (الشرطة، النقطة، المائل).

قبل البدء في التعديل، يجب أولاً أن ندرك أن هناك بعض التغييرات اللازمة لتحسين الكود. في الوقت الحالي، الكود يتحقق فقط مما إذا كان الحرف الذي تم إدخاله هو رقم أو لا. لتوسيع هذا وتضمين الأحرف الأبجدية والرموز المسموح بها، يمكنك استخدام تعبيرات القواعد العادية (Regex).

فيما يلي الكود المعدل:

javascriptCopy code
function AlphaNumericKey(evt) {
    var charCode = (evt.which) ? evt.which : event.keyCode;
    var charValue = String.fromCharCode(charCode);

    // يتم استخدام التعبير العادي للسماح بالأحرف الأبجدية والأرقام والرموز - . /
    var regex = /^[a-zA-Z0-9\-\/\.]+$/;

    // التحقق مما إذا كان الحرف المدخل يتناسب مع التعبير العادي
    if (regex.test(charValue))
        return true;
    
    return false;
}

في هذا الكود المعدل، تم استخدام تعبير عادي (regex) للسماح بالأحرف الأبجدية الصغيرة والكبيرة، والأرقام، والرموز – . / في أي ترتيب. يتم اختبار كل حرف مدخل مقابل هذا التعبير العادي، ويتم السماح بالإدخال إذا كان يتناسب معه، وإلا فإنه يتم تجاهله.

هذا التحسين يتيح للمستخدم إدخال الأحرف الأبجدية والأرقام والرموز المحددة في السماح بها، مما يوفر لك تحكمًا أفضل على الإدخال في النصوص.

بالطبع، دعنا نقم بشرح المزيد من المعلومات لفهم الكود وتحسين الفهم حول كيفية السماح بالأحرف الأبجدية والأرقام والرموز.

1. تعبير القواعد العادية (Regex):
   في السطر:

   javascriptCopy code
   var regex = /^[a-zA-Z0-9\-\/\.]+$/;
   

   • ^ تعني بداية السلسلة.
   • [a-zA-Z0-9] تعني أي حرف أبجدي (كبير أو صغير) أو رقم.
   • \-\ تعني السماح بالرمز -.
   • \/ تعني السماح بالرمز /.
   • \. تعني السماح بالرمز ..
   • + تعني أن يكون هناك واحد أو أكثر من الحروف أو الأرقام أو الرموز المسموح بها.
   • $ تعني نهاية السلسلة.

   يتم استخدام هذا التعبير العادي لفحص ما إذا كانت السلسلة المدخلة تحتوي على أحرف أبجدية وأرقام والرموز المسموح بها فقط.

2. التحقق من السلسلة المدخلة:
   في السطر:

   javascriptCopy code
   if (regex.test(charValue))
       return true;
   

   يتم استخدام regex.test(charValue) للتحقق مما إذا كانت القيمة المدخلة (charValue) تتناسب مع تعبير القواعد العادية. إذا كانت تتناسب، يتم إرجاع قيمة صحيحة (true)، مما يعني السماح بالإدخال، وإلا يتم إرجاع قيمة خاطئة (false)، مما يعني تجاهل الإدخال.

3. التعامل مع الأحرف النصية:
   يمكنك استخدام الكود في النصوص التي تتطلب السماح بالأحرف الأبجدية والأرقام والرموز المحددة. على سبيل المثال، يمكنك استخدامه في حقول الإدخال (input fields) في صفحات الويب للتحكم في نوع البيانات المسموح بها.

4. التحسينات والتعديلات:
   يمكنك دائمًا تحسين الكود بإضافة مزيد من الرموز أو تعديل التعبير العادي بحسب احتياجاتك. يمكنك أيضًا إضافة تعليمات إضافية لتوجيه المستخدم بشكل أفضل حول الأحرف المسموح بها.

بهذه الطريقة، يمكنك تحسين وتوسيع الكود ليشمل مجموعة أوسع من الأحرف والرموز بناءً على متطلبات التطبيق الخاص بك.