フォームのリセット時に確認ダイアログを表示させる

html javascript

リセットボタン押下時に、確認ダイアログを表示させたいことがある。

<input type="reset" value="Reset" onclick="return confirm('本当にクリアしてもよろしいですか？');" />

ダイアログを表示させる分にはさほど大変ではない。これはよく見かける。 確認ダイアログ以外に処理をさせたい場合にはどうしたらよいか？

<input type="reset" value="Reset" onclick="return clearInput();" />

<script type="text/javascript">

  function clearInput() {
    if (confirm('本当にクリアしてもよろしいですか？')) {
      // 確認画面でOKをクリックした際の処理を書く…
      return true;
    }
    return false;
  }

</script>

よく忘れるのは、onclickの中でreturnを書くこと。