Prevenire le richieste dei pulsanti con BootBox Confermare e visualizzare i propri valori sul messaggio

Question

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.

Answer 1

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");
            }
        });
    });
});

.