[ JavaScript ] フォームをリセットする前に確認ダイアログを表示するサンプル

フォームをリセットする前に確認ダイアログを表示する JavaScript のサンプルです。

サンプルコード

<html>
<head>
<script language="JavaScript" type="text/javascript">
<!--
function ConfirmReset(){ 
  if(window.confirm('本当にリセットしても良いの?')){
    return true; 
  } else {
    return false;  
  } 
} 
//-->
</script>
</head>
<body>
<form name="form1" method="post" action="" onReset="return ConfirmReset()">
<input name="input" type="text">
<input name="input" type="reset" value="リセット">
</form>
</body>
</html>

実際に動作するサンプル

色々考えた事

  • そもそも、リセットボタンなんて押す人がいるんだろうか?
  • 間違えてクリックしないようにリセットボタンは設置しない方が良いのかな?
  • いやいや、全ての項目を一から書き直す場面では便利かもしれない。

コメントを残す

メールアドレスが公開されることはありません。