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

يمكن تحديد كل عنصر 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 عند إرسال النموذج ليتم التحقق منها في كل مرة يضغط المستخدم على زر إرسال/حفظ.

بتاريخ 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'); }

شكرا

بتاريخ 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

تحياتي.

بتاريخ 3 ساعات قال سامح أشرف:

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

تحياتي.

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

الكود فيه خطا

جرب برقم 150

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

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

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

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

اي من 1 الى 99

بتاريخ 26 دقائق مضت قال ابوسعيد يعقوب:

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

الكود فيه خطا

جرب برقم 150

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

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

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

بتاريخ 7 ساعات قال سامح أشرف:

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

هنا الخطا

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