submitボタンを押したときに確認のメッセージボックスを出力し、「OK」が押された時のみサブミットしたい場合があります。
Javascriptを使用してsubmitボタン押下時に確認メッセージを出力する方法をメモします。
いつも忘れてしまいます。。。
■ onclick時にconfirm()を使用し、ダイアログを出力
1 | <input type="submit" value="実行" onclick="return confirm('実行しますか？');"> |
「OK」をクリックした時はtrueを返し、「キャンセル」をクリックした時はfalseを返します。
■ 「OK」と「キャンセル」で処理を分岐する
【Javascript】
1 2 3 4 5 6 7 8 9 10 11 12 | <script type="text/javascript">function submitbtn() { // 「OK」ボタン押下時 if (confirm('実行しますか？')) { alert('OK'); } // 「キャンセル」ボタン押下時 else { alert('キャンセル'); }}</script> |
【HTML】
1 | <input type="submit" value="実行" onclick="submitbtn();"> |
「OK」と「キャンセル」で別の処理を追加することが可能です。