フォームのイベントハンドラ
フォームのイベントハンドラについてご紹介しています。
submitイベント
submitイベントはフォームのsubmitボタンが押下されたときに発生します。
以下のサンプルでは実行ボタンが押下されたときに警告メッセージを表示させYahooのホームページに移動します。
<form action="http://yahoo.co.jp/"
onsubmit="alert('submitイベント');return ture;">
<input type="submit" value="実行">
</form>
resetイベント
resetイベントはフォームのresetボタンが押下されたときに発生します。
以下のサンプルではリセットボタンが押下されたときに警告メッセージを表示されます。
<form action="" onreset="alert('resetイベント');return false;">
<input type="reset" value="リセット">
</form>
changeイベント
changeイベントはフォームの内容に変化があり、フォーカスがフォームから離れたときに発生します。
以下のサンプルでは血液型を選択したときに警告メッセージを表示されます。
<form action="#">
<select onchange="alert(this.options[this.options.selectedIndex].text)">
<option value="">▼血液型を選択してください</option>
<option value="A">A型</option>
<option value="B">B型</option>
<option value="O">O型</option>
<option value="AB">AB型</option>
</select>
</form>