Javascript を使用して HTML5 必須属性を動的に設定する方法

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

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

問題の概要

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

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

検証チェックがトリガーされません。

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 内の対応する属性が更新されます。

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

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

element.required = true;

setAttribute の使用:

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

反映されたプロパティをクリアするには、removeAttribute:

element.removeAttribute("required");

を使用します。

以上がJavascript を使用して HTML5 必須属性を動的に設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。