HTML oninvalid イベント属性

❮ HTML イベント属性

例

入力フィールドが無効であるときに JavaScript を実行します：

<input type="text" oninvalid="alert('You must fill out the form!');" required>
Try it Yourself ❯

他の "Try it Yourself" の例が下にあります。

定義と用法

oninvalid イベントは、送信可能な <input> 要素が無効である場合に発生します。

例えば、required 属性が設定されていて、入力フィールドが空の場合は、フィールドは無効になります （required 属性は、フォームを送信する前に、入力フィールドは入力済みでなければならないことを指定します）。

ブラウザ・サポート

表中の数字は、完全にイベント属性をサポートした最初のブラウザのバージョンを指定しています。

イベント属性
oninvalid Yes 10.0 Yes サポートなし Yes

HTML 4.01 と HTML5 の相違点

なし。

構文

<element oninvalid="script">

属性値

値 説明
script script は oninvalid で実行される

技術的詳細

サポートする HTML タグ： <input>
Examples

その他の例

例

入力フィールドが無効なときに JavaScript を実行します：

<input type="text" oninvalid="alert('Must contain 6 or more characters');" pattern=".{6,}">
Try it Yourself ❯

関連ページ

HTML DOM リファレンス：oninvalid イベント


HTML Event Attributes HTML イベント属性