javascript - Que dois-je faire si je souhaite continuer à soumettre un formulaire après que jQuery ait bloqué le comportement de soumission par défaut du formulaire?

Question

Une fois que jQuery a bloqué le comportement de soumission par défaut du formulaire, que dois-je faire si je souhaite continuer le comportement de soumission ?

Les détails sont les suivants :
Un bouton Supprimer, utilisez sweetalert2 pour demander avant de soumettre, et lorsque vous appuyez sur le bouton "Confirmer" dans la boîte d'invite, continuez à soumettre le formulaire.
Code HTML :

<form action="/articles/{{ $article->id }}" method="POST">
    {{ method_field('DELETE') }}
    {{ csrf_field() }}
    <input class="btn btn-danger btn-sm need-alert" type="submit" value="删除">
</form>

code js :

    <script>
        $('.need-alert').on('click', function (event) {
            //阻止默认提交事件
            event.preventDefault();
            
            //sweetalert2的提示框代码：
            swal({
                title: '确定要删除吗?',
                text: '删除后不能恢复!',
                type: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '确认删除'
            }).then(function () {
                
                
            }).catch(swal.noop);
        })
    </script>

Une fois que PreventDefault() a empêché l'événement de soumission par défaut, la boîte de dialogue sweetalert2 peut apparaître normalement.

Question :
Après avoir cliqué sur « Confirmer la suppression » dans la boîte de dialogue sweetalert2, que dois-je écrire si je souhaite continuer à soumettre ce formulaire ?

Answer 1

Liez l'événement de clic au bouton, implémentez la fenêtre contextuelle dans la fonction de rappel de l'événement et déterminez la valeur de la fenêtre contextuelle sélectionnée par l'utilisateur. Si elle est vraie, obtenez l'élément de formulaire pour déclencher l'événement de soumission.
$("form").submit()
Si ce n'est pas vrai, effectuez un autre traitement correspondant

Answer 2

Pour être juste, si le type d'entrée est écrit comme submit, vous devez écrire un bloc supplémentaire pour bloquer l'événement par défaut. Si le type est modifié en bouton, il n'est pas nécessaire de bloquer l'événement par défaut. Votre boîte de confirmation devrait avoir une fonction de rappel, peut-être que vous devriez pouvoir rédiger directement la soumission

.

Answer 3

if(!confirmed) {
    e.preventDefault();
    return;
}
$('form').submit();