Javascript:ボタン押下時、確認メッセージを出力

submitボタンを押したときに確認メッセージボックスを出力し、「OK」が押された時のみサブミットしたい場合があります。
Javascriptを使用してsubmitボタン押下時に確認メッセージを出力する方法をメモします。

いつも忘れてしまいます。。。


onclick時にconfirm()を使用し、ダイアログを出力

<input type="submit" value="実行" onclick="return confirm('実行しますか?');">

「OK」をクリックした時はtrueを返し、「キャンセル」をクリックした時はfalseを返します。


「OK」と「キャンセル」で処理を分岐する

Javascript

<script type="text/javascript">
function submitbtn() {
    // 「OK」ボタン押下時
    if (confirm('実行しますか?')) {
        alert('OK');
    }
    // 「キャンセル」ボタン押下時
    else {
        alert('キャンセル');
    }
}
</script>

HTML

<input type="submit" value="実行" onclick="submitbtn();">

「OK」と「キャンセル」で別の処理を追加することが可能です。


  • このエントリーをはてなブックマークに追加

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です