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」と「キャンセル」で別の処理を追加することが可能です。
