Динамическая установка обязательного атрибута HTML5 с помощью Javascript

Чтобы динамически установить обязательный атрибут в HTML5 с помощью Javascript, выполните следующие действия:

Обзор проблемы

Попытка установить обязательный атрибут с использованием рекомендованного синтаксиса W3C:

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

не' t запускает проверки проверки.

Правильный способ установки логического атрибута проверки HTML5

Правильный способ установки логического атрибута проверки HTML5 — использовать свойство element.required.

Например:

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

где edName — это идентификатор входного элемента.

Понимание значения атрибута

В HTML5 логические атрибуты можно определить следующим образом:

• Оставив атрибут пустым: require=""
• Используя каноническое имя атрибута : require="required"

Однако, если обязательный атрибут определен в разметке, значение атрибута не является ни одним из этих вариантов:

edName.attributes.required = [object Attr]

Это связано с тем, что требуемое свойство — это отраженное свойство, подобное идентификатору, имени и типу.

Отраженные свойства

Отраженные свойства — это атрибуты, существующие в объекте элемента сам. Установка значения отраженного свойства обновляет соответствующий атрибут в HTML.

Поэтому следующие два метода эквивалентны:

Использование свойства установки:

element.required = true;

Использование setAttribute:

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

Чтобы очистить отраженное свойство, используйте RemoveAttribute:

element.removeAttribute("required");