| 解 説 |
フォームのリセットを制御するにはformオブジェクトのonResetイベントの戻り値をtrueまたはfalseに設定します。戻り値がtrueならばデータはリセットされ、flaseであればリセットされず、そのままの状態になります。これを利用してconfirmで確認のダイアログを表示し、その戻り値をそのまま渡せばOkボタンを押した場合は内容が消去され、cancelボタンを押した場合は、内容はそのままになります。
|
| コード |
<![CDATA[
<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! |
フォームのリセットを制御する