HTMLの無効なイベント属性
例
入力フィールドが無効な場合にJavaScriptを実行します。
<input type="text" oninvalid="alert('You must fill out the form!');" required>
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
oninvalidイベントは、submittable <input>要素が無効な場合に発生します。
たとえば、必須属性が設定されていてフィールドが空の場合、入力フィールドは無効です（必須属性は、フォームを送信する前に入力フィールドに入力する必要があることを指定します）。
ブラウザのサポート
表の数字は、イベント属性を完全にサポートする最初のブラウザバージョンを示しています。
| Event Attribute | |||||
|---|---|---|---|---|---|
| oninvalid | Yes | 10.0 | Yes | Not supported | Yes |
構文
<element oninvalid="script">
属性値
| Value | Description |
|---|---|
| script | The script to be run on oninvalid |
技術的な詳細
| サポートされているHTMLタグ： | <入力> |
|---|
その他の例
例
入力フィールドが無効な場合にJavaScriptを実行します。
<input type="text" oninvalid="alert('Must contain 6 or more characters');" pattern=".{6,}">
関連ページ
HTML DOMリファレンス：oninvalidイベント
❮HTMLイベント属性