web-dev-qa-db-fra.com

HTML - Comment créer un menu contextuel de confirmation en un bouton Soumettre, puis envoyer la demande?

J'apprends le développement Web avec Django et je ne sais pas trop où mettre le code, mais si nous devons soumettre la demande dans le HTML code.

Par exemple. Il existe une page Web contenant un form (un blog) à remplir par l'utilisateur. En cliquant sur le bouton Enregistrer, une fenêtre contextuelle vous demande si vous souhaitez utiliser confirm ou non. Si vous cliquez sur confirm, la demande est envoyée.

J'ai cherché et trouvé ce code javascript.

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

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

Mais je suppose que ce n’est pas la bonne fonction car il me semble que chaque fois que vous cliquerez sur le bouton, la demande sera soumise. Alors, comment puis-je retarder la demande de soumission jusqu'à ce que l'utilisateur ait confirmé la soumission?

htmldjangosubmit
42
Mona

Je crois que vous voulez utiliser confirm ()

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

</script>
30
DaneoShiga

La version la plus compacte:

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

L'essentiel à noter est le return

-

Comme il existe de nombreuses façons de dépouiller un chat, voici une autre méthode:

HTML:

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

Javascript:

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

Utilisez window.confirm() au lieu de 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

Une autre option que vous pouvez utiliser est la suivante:

onclick = "if (confirmez ('en êtes-vous sûr?')) {} else {return false;};"

en utilisant cette fonction sur le bouton Soumettre, vous obtiendrez ce que vous attendez.

0
Tiego Araujo