0
182
ViewsModificar mensaje de éxito cuando se entrega el formulario
Realmente quiero tener un mejor aspecto en la página "entregada" de mi formulario. ¿Es posible usar "SWEETALERT2"?
Este es mi código de formulario en html:
<form class="form-2" id="contact-emotion" method="POST" action="telefono.php"> <label id="nombre1" for="nombre">Nombre:</label> <input type="text" id="nick" name="nombre1" placeholder="Tu nombre.." required> <label id="tel" for="telefono"></label> <input type="tel" id="te-llamamos" name="telefono1" placeholder="Déjanos tu teléfono y te llamamos..." onkeypress="return event.charCode>=48 && event.charCode<=57" pattern="(6|7|8|9)[ -]*([0-9][ -]*){8}" required> <input type="submit" class="btn-llamanos" value="ok" id="submit-1" name="enviar1"> </form>y esta es la respuesta de telefono.php:
if(isset($_POST['enviar1'])) { $destino="xime.marquez@gmail.com"; $nombre1 = filter_var($_POST['nombre1'], FILTER_SANITIZE_STRING); $llamame = filter_var($_POST['telefono1'], FILTER_SANITIZE_STRING); $fecha_registro = date("Ymd"); $contenido = "Fecha: " . $fecha_registro . "\nNombre: " . $nombre1 . "\nTelefono-contacto: " . $llamame; $mail = mail($destino, "Contacto", $contenido); $alerta = "¡GENIAL! ¡Muchas gracias por contactarnos! En breve te llamaremos y aclararemos tus dudas"; echo "<script>if(confirm('$alerta')); window.location = 'https://www.emotion360.es/EmotionWeb/'; </script>"; } else { echo "<script>alert('No pudimos procesar tu información. Por favor, intenta de nuevo')</script>"; }¿Cómo podría cambiar a sweetalert? ¿Es posible? ¡¡¡Por favor, no quiero este mensaje frío!!!
¡Gracias a todos!
2 answers
Answer question0
Para Sweetalert2 use su biblioteca , haga clic aquí para consultar la biblioteca
Primero debe agregar este archivo de biblioteca antes de llamar al código de alerta dulce
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>entonces haz este codigo
if(isset($_POST['enviar1'])) { $destino="xime.marquez@gmail.com"; $nombre1 = filter_var($_POST['nombre1'], FILTER_SANITIZE_STRING); $llamame = filter_var($_POST['telefono1'], FILTER_SANITIZE_STRING); $fecha_registro = date("Ymd"); $contenido = "Fecha: " . $fecha_registro . "\nNombre: " . $nombre1 . "\nTelefono-contacto: " . $llamame; $mail = mail($destino, "Contacto", $contenido); $alerta = "¡GENIAL! ¡Muchas gracias por contactarnos! En breve te llamaremos y aclararemos tus dudas"; echo "<script> Swal.fire({ title: '', text: '".$alerta."', icon: 'warning', showCancelButton: true, confirmButtonColor: '#3085d6', cancelButtonColor: '#d33', confirmButtonText: 'Yes' }).then((result) => { if (result.isConfirmed) { window.location = 'https://www.emotion360.es/EmotionWeb/'; } }) </script>"; } else { echo "<script>Swal.fire({icon: 'error',title: '',text: 'No pudimos procesar tu información. Por favor, intenta de nuevo'})</script>"; }0
Para la instalación solo tengo que agregar:
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>en telephono.php antes de abrir la etiqueta php???
¿Y eso es?
Creo que mi problema está ahí porque el formulario funciona correctamente sin la alerta dulce.
Luego lo cambio exactamente del tuyo como:
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script> <?php if(isset($_POST['enviar1'])) { $destino="xime.marquez@gmail.com"; $nombre1 = filter_var($_POST['nombre1'], FILTER_SANITIZE_STRING); $llamame = filter_var($_POST['telefono1'], FILTER_SANITIZE_STRING); $fecha_registro = date("Ymd"); $contenido = "Fecha: " . $fecha_registro . "\nNombre: " . $nombre1 . "\nTelefono-contacto: " . $llamame; $mail = mail($destino, "Contacto", $contenido); ...¡Y me está dando la página en blanco "telefono.php" sin la alerta! =(