para - validar formulario javascript onclick

Código para preguntar sí/no en javascript

Question

Solo pude encontrar la función confirm() que da botones OK / Cancelar. ¿Hay alguna manera de dar botones Sí / No?

Answer 1

Al igual que todos los demás, dice, estás atascado con Aceptar / Cancelar usando confirm() .

Sin embargo, me gustaría recomendar este plugin jQuery : jqModal . Lo he usado en 3 proyectos recientes y ha funcionado muy bien para cada uno. Específicamente mira este ejemplo:

6). ¡DIVERTIDO! Anulaciones - a. ver (alerta), b. ver (confirmar) Ahora es el momento de mostrar un uso en el mundo real para jqModal: anulando la alerta estándar () y confirmando los diálogos. Nota; debido a la naturaleza de un solo subproceso de javascript, la función confirm () debe pasar una devolución de llamada, NO devuelve verdadero / falso.

Answer 2

Javascript ofrece 3 cajas modales. Preguntar, confirmar y alertar Ninguno de esos satisface su solicitud.

Hay una plétora de soluciones emergentes js modales. Aquí hay un ejemplo.

• ModalBox

Answer 3

No, pero hay bibliotecas de JavaScript que pueden lograr esto por ti. Solo como un ejemplo, Ext JS se puede usar para crear un cuadro de diálogo de mensaje .

Answer 4

No.

En su lugar, puede usar una ventana emergente modal en el navegador.

Answer 5

Soy fanático del diálogo de jQuery UI para este tipo de cosas. Aquí hay una muestra ...

<script>
$(function() {
$( "#dialog-confirm" ).dialog({
resizable: false,
height:140,
modal: true,
buttons: {
"Yes": function() {
$( this ).dialog( "close" );
alert("You chose Yes!");
},
"No": function() {
$( this ).dialog( "close" );
alert("You chose No!");
}
}
});
});
</script>
<div id="dialog-confirm" title="Are you sure you want to continue?">
<p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>These items will be permanently deleted and cannot be recovered. Are you sure?</p>
</div>

Answer 6

Use el cuadro de diálogo para mostrar sí o no

 <div id="dialog_box" class="mnk-modal-bg" style="display:none">
<div id="dbg" class="mnk-modal-box">
<i class="uk-icon-exclamation-triangle" style="color:#757575; padding-right:5px;">
</i>Confirm?
<div class="uk-text-center" style="margin-top:10px;">
<button class="md-btn md-btn-small md-btn-primary" id="ok_btn">
<i class="uk-icon-save" style="padding-right:3px;"></i>OK
</button>
<button class="md-btn md-btn-small md-btn-danger" id="close_btn">
<i class="uk-icon-remove" style="padding-right:3px;"></i>Cancel
</button>
</div>
</div>

<script>
$("#ok_btn").click(function(){
alert("OK");
$("#dialog_box").hide();
});
$("#close_btn").click(function(){
alert("CANCEL");
$("#dialog_box").hide();
});
</script>

Answer 7

usaría sweetalert https://sweetalert.js.org/guides/ para lograr algo como esto

swal("Are you sure you want to do this?", {
buttons: ["yes", "no"],
});

<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>