Cómo crear un cuadro de diálogo con las opciones "Aceptar" y "Cancelar"
Voy a crear un botón para realizar una acción y guardar los datos en una base de datos.
Una vez que el usuario hace clic en el botón, quiero que una alerta de JavaScript ofrezca las opciones "sí" y "cancelar". Si el usuario selecciona “sí”, los datos se insertarán en la base de datos, de lo contrario no se realizará ninguna acción.
¿Cómo muestro dicho cuadro de diálogo?
Aceptado
Probablemente esté buscando confirm()
, que muestra un mensaje y devuelve true
o false
según lo que decidió el usuario:
if (confirm('Are you sure you want to save this thing into the database?')) {
// Save it!
console.log('Thing was saved to the database.');
} else {
// Do nothing!
console.log('Thing was not saved to the database.');
}
Expandir fragmento
var answer = window.confirm("Save data?");
if (answer) {
//some code
}
else {
//some code
}
Úselo window.confirm
en lugar de alerta. Esta es la forma más sencilla de lograr esa funcionalidad.
Cómo hacer esto usando JavaScript 'en línea':
<form action="http://www.google.com/search">
<input type="text" name="q" />
<input type="submit" value="Go"
onclick="return confirm('Are you sure you want to search Google?')"
/>
</form>