🗑️ Botón de Eliminar con Confirmación

Este snippet evita eliminaciones accidentales usando una alerta de SweetAlert2 para confirmar antes de ejecutar la acción. Es ideal para tus páginas web donde quieras mejorar la experiencia de usuario y evitar errores.

Perfecto para sistemas con CRUD en Laravel, PHP, o cualquier framework que permita formularios HTML.

Probar

<form action="<?=$URL;?>/tu_pagina.php" method="post" id="miFormulario">
                                <button type="submit" class="btn btn-danger" onclick="preguntar(event)">
                                    <i class="bi bi-trash"></i> Eliminar
                                </button>
                            </form>

                            <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
                            <script>
                                function preguntar(event) {
                                    event.preventDefault();

                                    Swal.fire({
                                        title: '¿Desea eliminar este registro?',
                                        text: '',
                                        icon: 'question',
                                        showDenyButton: true,
                                        confirmButtonText: 'Eliminar',
                                        confirmButtonColor: '#a5161d',
                                        denyButtonColor: '#270a0a',
                                        denyButtonText: 'Cancelar',
                                    }).then((result) => {
                                        if (result.isConfirmed) {
                                            // JavaScript puro para enviar el formulario
                                            document.getElementById('miFormulario').submit();
                                        }
                                    });
                                }
                            </script>
Si te gusto SUSCRIBETE AL CANAL DE YOUTUBE PARA MÁS CONTENIDO






Contactanos

Dirección

Bolivias,
La Paz - City

Llamanos

+591 75657007

Email Us

hilariweb@gmail.com

Abierto

24/7

Hola 👋 ¿Puedo ayudarte en algo?