フォームのリセットを制御する

動作ブラウザ
Internet Explorer Netscape Navigator
4.0x 4.5 5.0x 5.5 6.0 4.x 6.0
Windows -
Macintosh - -
UNIX - - - - -

解  説  フォームのリセットを制御するにはformオブジェクトのonResetイベントの戻り値をtrueまたはfalseに設定します。戻り値がtrueならばデータはリセットされ、flaseであればリセットされず、そのままの状態になります。これを利用してconfirmで確認のダイアログを表示し、その戻り値をそのまま渡せばOkボタンを押した場合は内容が消去され、cancelボタンを押した場合は、内容はそのままになります。
コード <html> <head> <title>フォームのリセットを制御する</title> <script language="JavaScript"> <!-- function check(){ return confirm("本当に消す?"); } // --></script> </head> <body> <form onReset="return check()"> <input type="text" value="sample"> <input type="reset" value="消去"> </form> </body> </html>

■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!