it-swarm.com.de

HTML - Wie erstelle ich ein Bestätigungs-Popup für eine Senden-Schaltfläche und sende dann die Anfrage?

Ich lerne die Webentwicklung mit Django und habe einige Probleme, wo ich den Code unter Berücksichtigung der Frage, ob die Anforderung in HTML code Gesendet werden soll, ablegen soll.

Z.B. Es gibt eine Webseite, die ein form (ein Blog) enthält, das vom Benutzer ausgefüllt werden muss. Wenn Sie auf die Schaltfläche Speichern klicken, werden Sie gefragt, ob Sie confirm möchten oder nicht. Wenn Sie auf confirm klicken, wird die Anfrage gesendet.

Ich habe diesen javascript Code gesucht und gefunden.

<script type="text/javascript">
function clicked() {
    alert('clicked');
}
<input type="submit" onclick="clicked();" value="Button" />

Aber ich denke, dies ist nicht die richtige Funktion, da es mir so scheint, als würde die Anfrage immer dann gesendet, wenn Sie auf den Button klicken. Wie kann ich die Übermittlungsanfrage verschieben, bis der Benutzer die Übermittlung bestätigt hat?

42
Mona

Ich glaube du willst confirm () benutzen

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

</script>
30
DaneoShiga

Die kompakteste Version:

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

Das Wichtigste ist das return

-

Da es viele Möglichkeiten gibt, eine Katze zu häuten, gibt es hier eine andere alternative Methode:

HTML:

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

Javascript:

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

Verwenden Sie window.confirm() anstelle von window.alert() .

HTML:

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

JavaScript:

function clicked() {
    return confirm('clicked');
}
6
Matt Ball
<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">
3
Manjunath

Eine weitere Option, die Sie verwenden können, ist:

onclick = "if (confirm ('Sind Sie sicher?')) {} else {return false;};"

wenn Sie diese Funktion auf "Senden" klicken, erhalten Sie das, was Sie erwarten.

0
Tiego Araujo