mostrar - HTML-¿Cómo hacer una ventana emergente de confirmación en un botón Enviar y luego enviar la solicitud?

ventana emergente javascript

Question

Estoy aprendiendo desarrollo web usando Django y tengo algunos problemas en dónde colocar el código tomando la decisión de enviar la solicitud en el HTML code .

P.ej. Hay una página web que contiene un form (un blog) que debe llenar el usuario y, al hacer clic en el botón Guardar, aparece una ventana emergente que le pregunta si desea confirm o no. Si hace clic en confirm , se envía la solicitud.

Busqué y encontré este código javascript .

<script type="text/javascript">
function clicked() {
    alert(''clicked'');
}

<input type="submit" onclick="clicked();" value="Button" />

Pero supongo que esta no es la función correcta, ya que me parece que cada vez que haga clic en el botón, se enviará la solicitud. Entonces, ¿cómo puedo retrasar la solicitud de envío hasta que el usuario haya confirmado el envío?

Answer 1

Creo que quieres usar confirmar ()

<script type="text/javascript">
    function clicked() {
       if (confirm(''Do you want to submit?'')) {
           yourformelement.submit();
       } else {
           return false;
       }
    }

Answer 2

La versión más compacta:

<input type="submit" onclick="return confirm(''Are you sure?'')" />

La clave a tener en cuenta es el return

-

Debido a que hay muchas formas de despellejar a un gato, aquí hay otro método alternativo:

HTML:

<input type="submit" onclick="clicked(event)" />

Javascript:

<script>
function clicked(e)
{
    if(!confirm(''Are you sure?''))e.preventDefault();
}
</script>

Answer 3

Use window.confirm() lugar de window.alert() .

HTML:

<input type="submit" onclick="return clicked();" value="Button" />

JavaScript:

function clicked() {
    return confirm(''clicked'');
}

Answer 4

<script type=''text/javascript''>

function foo() {


var user_choice = window.confirm(''Would you like to continue?'');


if(user_choice==true) {


window.location=''your url'';  // you can also use element.submit() if your input type=''submit'' 


} else {


return false;


}
}

</script>

<input type="button" onClick="foo()" value="save">