SweetAlertで確認ボタン押下後に処理を実行する

Question

前提・実現したいこと

現在、必要事項を入力しボタンを押下したら入力した内容を確認する確認画面に遷移するようになっておりますが、Sweetalertで確認画面を表示し、確認ボタンを押した際に確認画面に遷移するように修正したいと考えております。

発生している問題・エラーメッセージ

確認ボタンを押下し、Sweetalertが表示されるところまでは実装できたのですが、Sweetalert上で確認ボタンを押下しても次のページへ遷移しません（submitが行われない？）

該当のソースコード

HTML
<form>
<div class="column pxgrid050p">
  <input type="hidden" NAME="mode" VALUE="confirm">
  <input type="submit" class="Confbutton" value="確認画面へ" id="btnconf">
</div>
</form>

Sweet Alert
<script>
$("#btnconf").click(function(e){
  e.preventDefault();
  var form = $(this).parents('form');
  Swal.fire({
    title: '入力した内容で、<br> 確認画面へ遷移しますか？',
    showCancelButton: true,
	cancelButtonText: '入力をキャンセル',
    confirmButtonText: '確認画面へ進む'
  },
  function(isConfirm){
  	if(isConfirm){
  	 form.submit();
  	 }
  });
});</script>

1月21日追記
また、使用しているSweetAlertのバージョンはSwetAlert2
Alert部分の記載には以下のサイトを参考にしました
https://torina.top/detail/330/


HTMLもSweetAlertも初心者の為、上記の記述で間違っている点等ご指摘いただければと思います、よろしくお願い致します

1月21日追記（デバッグ実行をした結果の追記）
HTML側のソースに<form>を追記させて頂きました。
デバッグ実行した際、
  Swal.fire({
及び
function(isConfirm){
の行でブレークポイントを貼り、アラート画面上で確認画面へ進むを押下しましたがfunction(isConfirm){
の行に遷移しませんでした（処理が行われていない？）

Comments

[mix-peach]

ブラウザの開発者ツールのコンソールにエラーは出ていませんか？
（「開発者ツール」がなんだか分からなければ、調べてくださいネ。HTMLのコードを書いたり、javascriptで開発をするなら使い方を知っておいた方がいいので！^^）

提示されているHTMLには、formタグが含まれていないので、
var form = $(this).parents('form');
が取得できているのかが分かりません。もしこれが取得できていなければ、submitは出来ずエラーが表示されている筈です。
上記formが正しく取得できているのであれば、
if(isConfirm){
に、breakポイントをはってみて、期待する通りにコードが実行されているか（if文の中に入るのか）を確認してみましょう。

それから、質問は編集できますので、
・タイトルの脱字を修正（細かいですが、本来分かるかもしれない人が、タイトルで知らないと判断して、質問そのものを見てもらえない可能性を減らす為です）
・使っているSweetAlertの本家サイト（あるいはGitHub等ライブラリのダウンロード元でも）のURLを追記
・コードを書くにあたって、参考にされたサイトがあればそのURLを追記
を、したほうがより回答はつきやすくなるのではないかと思います。

[uraurabow]

ご指摘の程、ありがとうございました。
タイトルを修正し、参考資料とSweetAlertのバージョン及びデバッグ実行した結果を追記させて頂きました。

Answer 1

},
function(isConfirm){

↑を↓に変更。

}).then(
function(isConfirm){

ご参考にされたのは3年前の記事なので、内容が古くなっているようです。
公式のドキュメントを参照した方がいいと思います。

SweetAlert2 - a beautiful, responsive, customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes

Comments

[uraurabow]

回答頂きありがとうございました、回答頂いた内容と公式のドキュメントを参照し以下内容のスクリプトで実現する事が出来ました

<script>
$("#btnconf").click(function(e){
e.preventDefault();
var form = $(this).parents('form');
Swal.fire({
title: '入力した内容で、<br> 確認画面へ遷移しますか？',
showCancelButton: true,
cancelButtonText: '入力をキャンセル',
confirmButtonText: '確認画面へ進む'
}).then((result) => {
if(result.value){
form.submit();
}
});
});</script>

Function部分の動作について大変参考になりました、この度は誠にありがとうございました。