JavascriptでHTML5の必須属性を動的に設定するにはどうすればよいですか?

JavaScript で HTML5 必須属性を動的に設定する

問題:

データの正確性を確保するには、多くの場合、フォームをマークする必要があります必要に応じてフィールドに入力し、送信する前にユーザーにフィールドへの入力を求めます。必須属性は HTML マークアップで定義できますが、JavaScript を使用して動的に設定する必要があるシナリオもあります。

推奨される解決策:

HTML5 必須属性を正しく設定するにはJavascript で属性を指定するには、次の構文を使用します:

ここで:

• 要素は、必須の属性を適用する入力フィールド要素を表します。 .

使用法:

たとえば、テキスト入力フィールドに ID「edName」を必須としてマークするには:

基礎となるメカニズム:

必須の属性は、反映されたブール型プロパティです。 element.required に true を割り当てると、フィールドが必須としてマークされ、フォーム送信中に空のままにしておくと検証エラーがトリガーされます。

重要な注意事項:

setAttribute() メソッドを使用して設定できる他の HTML5 検証属性とは異なり、required 属性を設定するには、反映される性質のため、required プロパティの直接割り当てを使用する必要があります。

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