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

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

Nour Alhouda

السؤال

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

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

 

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

Recommended Posts

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

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

  • 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'); }

شكرا

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

  • 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

تحياتي.

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

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

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

تحياتي.

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

الكود فيه خطا

جرب برقم 150

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

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

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

 

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

اي من 1 الى 99

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

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

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

الكود فيه خطا

جرب برقم 150

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

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

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

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

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

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

هنا الخطا

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

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

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

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

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

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...