Confirmación de borrado

[elisu1986]

¡Hola a todos!
Tengo un formulario hecho en php con los 2 típicos botones al final del mismo, uno de Enviar y otro Borrar. Los 2 me funcionan correctamente pero quiero introducir un cuadro de confirmación cuando se quiera borrar para evitar pérdidas de datos. Sé que en javascript se puede hacer con la función confirm pero no entiendo muy bien cómo. Aquí os dejo parte de mi formulario a ver si me podéis ayudar. Gracias!

include_once ('class/apertura.php'); //aquí se define la función de borrado
include_once('vis/vistaApertura.php');//aquí se selecciona la función de borrado o la que sea
.
.
.
<form method ="POST" name="formulario" action="apertura.php">
.
.
.
<input type='submit' name='enviar' value='Aceptar' />
<input type='submit' name='borrar value='Borrar' />
.
.
.
</form>

[Alexis88]

El método confirm() funciona así:

Código Javascript:

var confirmar = confirm("¿Realmente desea borrar los datos?");
if (confirmar){
    //Borras los datos
}
else{
    //No se borran los datos
}
 

En la ventana de confirmación, están los botones Aceptar y Cancelar, cuando pulsas Aceptar, estás confirmando la acción que deseas realizar, mientras que cuando pulsas Cancelar, simplemente no ocurre la acción que pensabas ejecutar.

Saludos

[archaDev]

Buenas.

Código:

onsubmit="return confirm('¿Esta seguro?')"

De todas maneras ya estamos en el año 2014 y no en 2000, la manera más óptima sería ofrecer la opción de deshacer la última acción.

[Alexis88]

O de una manera aún más actual:

Código Javascript:

var formulario = document.getElementsByName("formulario")[0];
 
formulario.addEventListener("submit", function(){
    var confirmar = confirm("¿Realmente desea borrar los datos?");
    if (confirmar)
        formulario.submit();
}, false);
 

Cabe recordar que la W3C recomienda dejar de utilizar los atributos de los elementos para ejecutar código JS.

[archaDev]

Iniciado por Alexis88

Cabe recordar que la W3C recomienda dejar de utilizar los atributos de los elementos para ejecutar código JS.

No estaría mal que publicaras el proof link

[Alexis88]

Hay que leer más, mi estimado: Clic aquí para actualizarme.

Con esto no trato de dar a entender que no se deban asignar funciones o estilos a los elementos del DOM a través de sus atributos, simplemente ya no se aconseja hacerlo de ese modo, cada cosa en su lugar, los estilos en un archivo CSS y las funciones en un archivo JS, tan simple como eso.

Saludos