• 0

كيفية كتابة اجراء تحققات الادخال في لغة جافا

 تعليمات جافا سكريبت لإجراء تحققات الإدخال التالية :
 الحقول الواجبة الإدخال(الاسم - الشهرة)
 الرقم الوطني هو رقم من 11 خانة و أول خانة من اليسار هي ( 0 أو 1 )
 يجب أن يكون رقم العيادة هو رقم موجب أكبر من (0 ) و أصغر من ( 100 . )
 العنوان هو نص مؤلف من محارف و أرقام فقط دون إمكانية ادخال محارف خاصة(% او & ..).

ياريت تساعدوني فيها وبأسرع وقت

 

تمّ تعديل بواسطة Nour Alhouda

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


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

يمكن تحديد كل عنصر input من خلال التابع querySelector وتمرير محدد CSS إليه لتحديد كل عنصر input الذي نريده كالتالي:

let name = document.querySelector('#name');
let nickname = document.querySelector('#nickname');
let nationalID = document.querySelector('#nationalID');
let clinicNumber = document.querySelector('#clinicNumber');
let address = document.querySelector('#address');

ثم يمكننا الحصول على محتوى كل عنصر من هذه العناصر عن طريق التابع value، بعد ذلك يمكن التحقق من هذه القيمة عن طريقة جملة if else

بتاريخ 21 ساعات قال Nour Alhouda:

الحقول الواجبة الإدخال(الاسم - الشهرة)

if (name.value == "") {
	alert('يجب إدخال اسم');
}

if (nickname.value == "") {
	alert('يجب إدخال اسم شهرة');
}

 

بتاريخ 21 ساعات قال Nour Alhouda:

الرقم الوطني هو رقم من 11 خانة و أول خانة من اليسار هي ( 0 أو 1 )

if (nationalId.value.length != 11) {
	alert('يجب أن يكون الرقم الوطني 11 رقم');
}

if (nationalId.value[0] != "0" || nationalId.value[0] != "1") {
	alert('يجب أن يبدأ الرقم الوطني بـ 0 أو 1');
}

 

بتاريخ 21 ساعات قال Nour Alhouda:

يجب أن يكون رقم العيادة هو رقم موجب أكبر من (0 ) و أصغر من ( 100 . )

if (clinicNumber.value > 0 && clinicNumber.value < 100) {
  alert('يجب أن يكون رقم العيادة أكبر من 0 وأقل من 100');
}

 

بتاريخ 21 ساعات قال Nour Alhouda:

العنوان هو نص مؤلف من محارف و أرقام فقط دون إمكانية ادخال محارف خاصة(% او & ..)

أسهل طريقة لعمل هذا الأمر هي إستعمال regular expression كالتالي:

format = /^\w+( \w+)*$/
if (! format.test(address)) {
	alert('يجب أن يتكون العنوان من حروف وأرقام فقط');
}

يمكن وضع كل جمل if هذه في حدث submit عند إرسال النموذج ليتم التحقق منها في كل مرة يضغط المستخدم على زر إرسال/حفظ.

3 اشخاص أعجبوا بهذا

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


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0
بتاريخ 16 ساعات قال سامح أشرف:

يمكن تحديد كل عنصر input من خلال التابع querySelector وتمرير محدد CSS إليه لتحديد كل عنصر input الذي نريده كالتالي:


let name = document.querySelector('#name');
let nickname = document.querySelector('#nickname');
let nationalID = document.querySelector('#nationalID');
let clinicNumber = document.querySelector('#clinicNumber');
let address = document.querySelector('#address');

ثم يمكننا الحصول على محتوى كل عنصر من هذه العناصر عن طريق التابع value، بعد ذلك يمكن التحقق من هذه القيمة عن طريقة جملة if else


if (name.value == "") {
	alert('يجب إدخال اسم');
}

if (nickname.value == "") {
	alert('يجب إدخال اسم شهرة');
}

 


if (nationalId.value.length != 11) {
	alert('يجب أن يكون الرقم الوطني 11 رقم');
}

if (nationalId.value[0] != "0" && nationalId.value[0] != "1") {
	alert('يجب أن يبدأ الرقم الوطني بـ 0 أو 1');
}

 


if (clinicNumber.value > 0 && clinicNumber.value < 100) {
  alert('يجب أن يكون رقم العيادة أكبر من 0 وأقل من 100');
}

 

أسهل طريقة لعمل هذا الأمر هي إستعمال regular expression كالتالي:


format = /^\w+( \w+)*$/
if (! format.test(address)) {
	alert('يجب أن يتكون العنوان من حروف وأرقام فقط');
}

يمكن وضع كل جمل if هذه في حدث submit عند إرسال النموذج ليتم التحقق منها في كل مرة يضغط المستخدم على زر إرسال/حفظ.

يوجد بعض الاخطاء البسيطة

if (nationalId.value[0] != "0" || nationalId.value[0] != "1") { alert('يجب أن يبدأ الرقم الوطني بـ 0 أو 1'); }

|| بدل &&

وايضا

if (clinicNumber.value < 0 || clinicNumber.value > 99) { alert('يجب أن يكون رقم العيادة أكبر من 0 وأقل من 100'); }

شكرا

تمّ تعديل بواسطة ابوسعيد يعقوب
2 اشخاص أعجبوا بهذا

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


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0
بتاريخ 30 دقائق مضت قال ابوسعيد يعقوب:

يوجد بعض الاخطاء البسيطة

if (nationalId.value[0] != "0" || nationalId.value[0] != "1") { alert('يجب أن يبدأ الرقم الوطني بـ 0 أو 1'); }

|| بدل &&

وايضا

if (clinicNumber.value < 0 || clinicNumber.value > 100) { alert('يجب أن يكون رقم العيادة أكبر من 0 وأقل من 100'); }

شكرا

شكرًا لك @ابوسعيد يعقوب على ملاحظتك، لم أنتبه للخطأ الأول، وقمت بإصلاحه. لكن أعتقد أن الأمر الثاني (الخاص بـ clinicNumber) صحيح، حيث أن المطلوب أن يكون الرقم أكبر من صفر وأصغر من 100

تحياتي.

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

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


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0
بتاريخ 3 ساعات قال سامح أشرف:

شكرًا لك @ابوسعيد يعقوب على ملاحظتك، لم أنتبه للخطأ الأول، وقمت بإصلاحه. لكن أعتقد أن الأمر الثاني (الخاص بـ clinicNumber) صحيح، حيث أن المطلوب أن يكون الرقم أكبر من صفر وأصغر من 100

تحياتي.

شكرا اخي الكريم

الكود فيه خطا

جرب برقم 150

يبدوا حتى انا اخطات :)

الكود الصحيح ان شاء الله

if (clinicNumber.value < 1 || clinicNumber.value > 99) { alert('يجب أن يكون رقم العيادة أكبر من 0 وأقل من 100'); }

 

لاحظ يجب ان يكون الرقم اقل من 100 واكبر من 0

اي من 1 الى 99

تمّ تعديل بواسطة ابوسعيد يعقوب
1 شخص أعجب بهذا

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


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0
بتاريخ 26 دقائق مضت قال ابوسعيد يعقوب:

شكرا اخي الكريم

الكود فيه خطا

جرب برقم 150

لاحظ أني قمت بإستخدام && في الشرط، وإن قمت بإستخدام || بدلًا من && فسيتحقق الشرط دائمًا بما أن الرقم أكبر من صفر لذلك قمت بجعل الشرط كالتالي:

// لاحظ تم إستعمال && وليس || لكي يكون الرقم أكبر من 0 وأصغر من 100
if (clinicNumber.value > 0 && clinicNumber.value < 100) {
  alert('يجب أن يكون رقم العيادة أكبر من 0 وأقل من 100');
}

بهذا الشكل سوف يتم تنفيذ الشرط إن كان الرقم ما بين 0 و 100 فقط.

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

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


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0
بتاريخ 7 ساعات قال سامح أشرف:

بهذا الشكل سوف يتم تنفيذ الشرط إن كان الرقم ما بين 0 و 100 فقط.

هنا الخطا

رسالة التحذير يجب انت تخرج اذا كان الرقم اصغر من 1 واكبر من 99

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

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


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

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

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

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


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

تسجيل الدخول

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


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