[解決済み] javascriptからフィールドを無効とすることはできますか？

質問

読み方 この記事 HTML5で導入された「有効な」入力値と「無効な」入力値に対する擬似クラスがあることがわかりました。

javascriptから入力フィールドを無効/有効としてマークする方法はありますか？あるいは、使用される検証方法を上書きすることはできますか？

どのように解決するのですか？

customValidity関数を使用するとよいでしょう。

フィールドにcustomValidityのメッセージを追加すると、そのフィールドは無効となります。メッセージを空文字列にすると、再び有効になります（他の理由で無効になっている場合を除く）。

field.setCustomValidity("Invalid field."); とすると、そのフィールドは無効となります。

field.setCustomValidity(""); は、HTML5制約に違反しない限り、フィールドを有効にします。