JavaScript を使用して HTML5 の必須属性を動的に設定する

JavaScript を使用して HTML5 の必須属性を動的に設定するには、次の手順に従います。

問題の概要

推奨される W3C 構文を使用して必須属性を設定しようとしています:

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

doesn'

HTML5 検証のブール属性を設定する正しい方法

HTML5 検証のブール属性を設定する正しい方法は、element.required プロパティを使用することです。

例:

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

edName は入力要素の ID です。

属性値を理解する

HTML5 では、ブール属性は次のいずれかの方法で定義できます:

• 属性を空のままにする: required=""
• 属性の正規名を使用する: required="required"

ただし、必須属性がマークアップで定義されている場合、属性の値は次のオプションのいずれでもありません:

edName.attributes.required = [object Attr]

これは、required が id、name、type と同様に反映されたプロパティであるためです。

反映されたプロパティ

反映されたプロパティは、要素オブジェクトに存在する属性です。自体。反映されたプロパティの値を設定すると、HTML 内の対応する属性が更新されます。

したがって、次の 2 つのメソッドは同等です:

セッター プロパティの使用:

element.required = true;

setAttribute の使用:

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

反映されたプロパティ。removeAttribute:

element.removeAttribute("required");