[JavaScript] Submit時の確認ダイアログの表示方法

2012/11/222015/10/08

1 min read

hiroweb developer

確認ダイアログconfirmを表示させる。

表示方法

状況によって書き方は変わるが、昔からある書き方は以下の様な感じ。

<input type='submit' value='送信' onclick='return confirm("本当に移動しますか");'/>

複雑な条件分岐がある場合、JavaScript の方は別に書いた方が良い。

<script type="text/javascript">
  function funcHoge() {
    if (window.confirm('本当に移動しますか')) {
      // location.href = "hoge.php";
    } else {
      // hogehoge
    }
  }
</script>

<input type='submit' value='送信' onclick="funcHoge()"/>