読者です 読者をやめる 読者になる 読者になる

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

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

<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を書くこと。