Prevenire le richieste dei pulsanti con BootBox Confermare e visualizzare i propri valori sul messaggio
-
20-12-2019 - |
Domanda
Ho una forma semplice con 3 pulsanti, ognuno che fa un'azione diversa.Sul proprio clic, voglio che l'utente confermi la sua azione usando bootbox.confirm ().Voglio visualizzare la casella di conferma: "Sei sicuro per la tua scelta:" + Valore.Come posso ottenere questo?
HTML:
<form action="" method="post">
<button type="submit" name="action" value="success" class="confirm"></button>
<button type="submit" name="action" value="fail" class="confirm"></button>
<button type="submit" name="action" value="no exam" class="confirm</button>
</form>
.
Javascript / JQuery ho provato:
<script>
$(document).ready(function() {
$(document).on("click", ".confirm", function(e) {
e.preventDefault();
bootbox.confirm("Are you sure for your choice?", function(result) {
if (result) {
console.log("user confirmed");
} else {
console.log("user declined");
}
});
});
});
</script>
.
è questo il modo giusto (con classi su ogni pulsante) o devo selezionare il modulo? Ottengo la casella di conferma e i registri correttamente, ma sul successo non so come inviare.Inoltre non so come mettere il valore scelto nel messaggio.
Soluzione
Speriamo che tu sia stato in grado di capirlo, ma se non qui è tutto ciò che mancava. Inoltre, poiché questo flusso è Async, non spostare E.preventDefault () alla richiamata.
$(document).ready(function() {
$(document).on("click", ".confirm", function(e) {
e.preventDefault();
var $this = $(this);
bootbox.confirm("Are you sure for your choice: "+$this.val()+"?", function(result) {
if (result) {
console.log("user confirmed");
} else {
console.log("user declined");
}
});
});
});
.