Leí muchas publicaciones sobre esto, pero nada funciona de mi lado.
Tengo el siguiente código php:
<? if( isset($_POST['btn-login']) ) { $mails = new PHPMailer; $content = "xxxx"; $mails->IsSMTP(); $mails->send(); } ?> <form name="form1" id="form1" class="form1" method="post"> <input class="form-control" name="oggetto" id="oggetto" required placeholder="Oggetto" > <input class="btn-login" type="submit" name="submit" id="btn-submit" value="Invia"/> </form>con este guion:
<script> $('#btn-submit').on('click',function(e){ e.preventDefault(); var form = $('.form1'); console.log("hello"); swal.fire({ title: "Inviare il msg?", icon: 'warning', showCancelButton: true, confirmButtonColor: "#DD6B55", confirmButtonText: "Si", }).then(function (result){ if(result.value === true){ console.log(form); $('.form1').submit(); } }); }); </script>Puedo ver la ventana emergente con una dulce alerta, pero cuando hago clic en el botón Enviar, el formulario no funciona. Por favor, no considere los parámetros de PHPMailer (que son solo para comprender la estructura)
El ejemplo de JFiddle está aquí
¿Alguna ayuda en esto? gracias de antemano
El error NÚMERO UNO es tener CUALQUIER COSA con la palabra reservada
submitcomoidonameen su formulario.Si planea llamar a
.submit()en el formulario Y el formulario se ha enviado comoidonameen cualquier elemento del formulario, entonces necesita cambiar el nombre de ese elemento del formulario, ya que el método/controlador de envío del formulario está sombreado por el atributo nombre/id .
Además, dado que el formulario se envía a través de javascript, por alguna razón, el botón de envío no se enviará al servidor, por lo que if( isset($_POST['btn-login']) ) no funcionará. En su lugar, puede poner ese valor de name en un campo de entrada oculto y usarlo en el servidor.
Por último, para que funcione la validación de HTML5 ( required , etc.), debe escuchar un evento de submit en el formulario en lugar del evento de click en el botón de envío.
esto funcionó para mí
$(document).ready(function(){ $('#form1').on('submit', function(e){ let $form = $(this); if( this.checkValidity() && $form.data('valid') !== true ){ e.preventDefault(); swal.fire({ title: "Inviare il msg?", icon: 'warning', showCancelButton: true, confirmButtonColor: "#DD6B55", confirmButtonText: "Si", }).then(function (result){ if(result.value === true){ $form.data('valid', true).submit(); } }); } }); }); <?php if( isset($_POST['submit-login']) ){ print_r($_POST); } ?> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/11.1.9/sweetalert2.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10/dist/sweetalert2.all.min.js"></script> <form id="form1" class="form1" method="post"> <input type="hidden" name="submit-login"> <input class="form-control" name="oggetto" id="oggetto" required placeholder="Oggetto"> <input type="submit" class="btn-login" id="btn-submit" value="Invia" /> </form>