Sweetalertで確認後、入力されたデータを受け取りたい

Question

前提・実現したいこと

sweetalert2で確認した後、入力されたデータを受け取りたいがアラートが表示されるだけで終わってしまいます。
依頼するのボタンを押した後データを受け取りたいです。

ご存じのかた宜しくお願いします。

###問題点
送信ボタンにidをつけるとsweetalertはでるが入力されたデータが送れない。

該当のソースコード

<form>

<input type="text">

<p><input type="submit" value="入力内容を確認する" id="button-a"></p>

</form>

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>

<script>
  $("#button-a").click(function(){

  Swal.fire({
    title: '確認',
    text: "本当に依頼通知しますか？",
    type: 'warning',
    showCancelButton: true,
    confirmButtonColor: '#3085d6',
    cancelButtonColor: '#d33',
    confirmButtonText: '依頼する',
    cancelButtonText: 'やめる'
  }).then((result) => {
    if (result.value) {
      Swal.fire(
        '依頼完了！',
        'ご登録ありがとうございます',
        'success',
        );
    }
  });
  event.preventDefault();

});
</script>

試したこと

sweetalertを実装しなければ入力されたデータは受け取れています。

補足情報（FW/ツールのバージョンなど）

Comments

[kei344]

（質問文は編集できます）質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

[yushiDDR]

修正しました。コメントありがとうございます

[Lhankor_Mhy]

「送信ボタンにidをつけるとsweetalertはでるが入力されたデータが送れない。」とのことですが、送信ボタンにidをつけないとsweetalertもでるし入力されたデータも送れる、ということですか？

Answer 1

確認した後、当該フォームをform.submit()してください。
また、クリックイベントを使うよりフォームのサブミットイベントを使用するほうがよいと思います。

【HTMLFormElement.submit - Web API | MDN】
https://developer.mozilla.org/ja/docs/Web/API/HTMLFormElement/submit

Comments

[yushiDDR]

解決しました。ありがとうございます