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

مشكلة في استخدام innerHTML و Event و Data validation

Amro Atef Awad

السؤال

لماذا لا تعمل الاكواد التالية 

 

ما المشكلة في Event و Data validation

page.html script.js

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

Recommended Posts

  • 0

المشكلة انك استخدمت الخاصية innerHTML بشكل خاطئ، حيث انك كتبتها بالشكل innerHtml والصحيح هو innerHTML.

حيث ان innerHTML هو خاصية في جافاسكريبت تستخدم للحصول على أو تعيين الـ HTML الخاص بعنصر معين.

بينما innerHtml ليس خاصية صحيحة في جافاسكريبت ولن يعمل إذا قمت باستخدامه.

لذلك يجب عليك استخدام innerHTML بدلاً من ذلك. 

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

  • 0

المشكلة في هذا الكود هي عدم استدعاء الدالة validate() عند الضغط على زر الإرسال (submit)، وبالتالي لن يتم التحقق من صحة البيانات المدخلة (Data validation)، ولن يتم إلغاء إرسال النموذج (Event) عندما تكون البيانات غير صالحة.

يمكن حل المشكلة عن طريق إضافة استدعاء للدالة validate() في حدث إرسال النموذج (submit event) في النموذج، ويمكن القيام بذلك بإضافة "return validate();" إلى الحدث onsubmit في النموذج، كما يلي:

<form onsubmit="return validate();">
    <label for="username">insert your age</label><br>
    <input id="username" type="username"><br>
    <label for="checkbox">I agree to the terms</label>
    <input id="checkbox" type="checkbox"><br>
    <input type="submit">
</form>

وبهذا، عند الضغط على زر الإرسال (submit)، سيتم استدعاء الدالة validate() وسيتم التحقق من صحة البيانات المدخلة وإلغاء إرسال النموذج عندما تكون البيانات غير صالحة.

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

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

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

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

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

  • إعلانات

  • تابعنا على



×
×
  • أضف...