اذهب إلى المحتوى
  • 0

التعامل مع الاحرف الكبيرة و الصغيرة في javaScript

حسن الشافعي2

السؤال

السلام عليكم

لدية ملف json  يحتوي على اسماء دول حيث اقوم بالطلب من المستخدم ادخال اسم المدينة و البحث عنها في ملف json هل المدينة موجودة ام لا,

الموقع يعمل بدون اي مشاكل لكن يجب على المستخدم ادخال الحرف كلها small و اذا قام ب ادخال احد الاحرف uppercase letter كبير لا يظهر المدينة كيف جعل javaScript تتجاهل نوع الحرف سواء كان كبير او صغير وتعامله على انه حرف واحد و هل يوجد طرقة لفعل هذا ب HTML علما اني اقوم ب اخذ النص المدخل من المستخدم ب  HTML input و مقارنته مع المدن في json  من خلال for-loop و استعمل Ajax

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 1

يمكنك تسجيل جميع القيم في ملف json بحروف جميعها صغيرة أو جميعها كبيرة , وعند أخذ القيمة المدخلة من المستخدم يمكنك تحويلها الى قيمة كل حروفها صغيرة, او قيمة كل حروفها كبيرة, وهذا يعتمد على كيف سجلت القيمة في ملف json  
لتحويل القيمة المدخلة من قبل المستخدم الى حروف كبيرة يمكنك فعل ذلك باستخدام جافاسكربت من خلال التابع toUpperCase

<input id='test'>

<button onclick="myFunction()">Try it</button>



<script>
function myFunction() {
  var word=document.getElementById("test").value.toUpperCase();
  console.log(word)
}
</script>

عند اخذ القيمة من المستخدم يمكنني تحويلها الى احرف كبيرة من خلال التابع toUpperCase كما تلاخظ فمثلا لو ادخل القيمة test سوف يكون الناتج TEST
وبالمثل لو اردت تحويل حميع الأحرف الى احرف صغيرة أستخدم التابع toLowerCase

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

بدلاً من استخدام ال input value مباشرة يمكنك التعديل على ال value قبل تنفيذ ال ajax لذلك سنحتاج للجافاسكربت عن طريق الأمر التالي

var text="this is my text.";
var lowercase=text.toLowerCase(); //لاحظ هذه الدالة

لذلك لتنفيذ المطلوب سنحتاج لعمل دالة تقوم بالسابق عند حدث معين مثل input  كالتالي 

<input oninput="this.value=this.value.toLowerCase()"/>

أو يمكنك من خلال الجافاسكربت 

element.addEventListener('input',function(){this.value=this.value.toLowerCase()});

 

تم التعديل في بواسطة عبدالباسط ابراهيم
خطأ إملائي
رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...