تعيين سمة HTML5 المطلوبة ديناميكيًا باستخدام Javascript

لتعيين السمة المطلوبة ديناميكيًا في HTML5 باستخدام Javascript، اتبع الخطوات التالية:

نظرة عامة على المشكلة

محاولة تعيين السمة المطلوبة باستخدام بناء جملة W3C الموصى به:

document.getElementById("edName").attributes["required"] = "";

doesn' t يؤدي إلى عمليات التحقق من الصحة.

الطريقة الصحيحة لتعيين سمة منطقية للتحقق من صحة HTML5

الطريقة الصحيحة لتعيين سمة منطقية للتحقق من صحة HTML5 هي استخدام الخاصية element.required.

على سبيل المثال:

document.getElementById("edName").required = true;

حيث edName هو معرف عنصر الإدخال.

فهم قيمة السمة

في HTML5، يمكن تعريف السمات المنطقية إما عن طريق:

• ترك السمة فارغة: مطلوب = ""
• استخدام الاسم المتعارف عليه للسمة : مطلوب = "required"

ومع ذلك، عندما يتم تعريف السمة المطلوبة في العلامات، فإن قيمة السمة ليست أيًا من هذه الخيارات:

edName.attributes.required = [object Attr]

هذا لأن المطلوب هو خاصية منعكسة، تشبه المعرف والاسم والنوع.

الخصائص المنعكسة

الخصائص المنعكسة هي سمات موجودة في كائن العنصر نفسها. يؤدي تعيين قيمة الخاصية المنعكسة إلى تحديث السمة المقابلة في HTML.

لذلك، فإن الطريقتين التاليتين متكافئتين:

استخدام خاصية الضبط:

element.required = true;

استخدام setAttribute:

element.setAttribute("required", "");

لمسح أ الخاصية المنعكسة، استخدم RemoveAttribute: