使用 Javascript 动态设置 HTML5 必需属性

要使用 Javascript 动态设置 HTML5 必需属性，请按照以下步骤操作：

问题概述

尝试使用推荐的 W3C 语法设置必需的属性：

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

doesn' t 触发验证检查。

设置 HTML5 验证布尔属性的正确方法

设置 HTML5 验证布尔属性的正确方法是使用 element.required 属性。

例如：

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

其中 edName 是输入元素的 ID。

了解属性值

在 HTML5 中，布尔属性可以通过以下方式定义：

• 将属性留空：required=""
• 使用属性的规范名称: required="required"

但是，当在标记中定义 required 属性时，该属性的值不是以下选项中的任何一个：

edName.attributes.required = [object Attr]

这是因为 required 是一个反射属性，类似于 id、name 和 type。

反射属性

反射属性是存在于元素对象上的属性本身。设置反射属性的值会更新 HTML 中的相应属性。

因此，以下两种方法是等效的：

使用 setter 属性：

element.required = true;

使用 setAttribute:

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

清除反射属性，使用removeAttribute:

element.removeAttribute("required");