• 0

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

السلام عليكم

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

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

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 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

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 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()});

 

تمّ تعديل بواسطة عبدالباسط ابراهيم
خطأ إملائي

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0
<form method="post">
        <input type="text" id="search" name="search">
</form>
<script>
var s = document.getElementById('search').value.toLowerCase();
</script>
و الان كل ما تقوم بإدخاله سيتحول الى صغير

 

انشر على الشّبكات الاجتماعية


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

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن