web-dev-qa-db-fra.com

HTML - Boîte de dialogue de confirmation du bouton d'envoi du formulaire

c'est un code de formulaire général

<form name="search_form" action="" method="POST">
<input type="text" name="search_text">          
<input type="submit" name="search_bt" value="Go">
</form>

existe-t-il un moyen d'avoir une boîte de dialogue de confirmation disant 'Oui'\'Non' ou 'Confirmer'\'Annuler' etc ...

Une façon dont je pensais que dong est avec CSS Layer et JavaScript et Php ... qui ont un php isset(){} chechk sur le bouton et une fois réglé afficher un Div affiché avec deux boutons et onclick=func() La fonction JS de ces boutons a une variable php (drapeau) définie, puis je peux if(flag){} pour continuer ou sauter du code ...

eh bien, cela va fonctionner et le point positif est que je peux avoir une boîte de dialogue bien orientée mais je veux juste me faciliter la vie ...

20
Moon

Vous pouvez également le faire avec une ligne dans la balise de formulaire elle-même

<form action="exampleHandlerPage.php" method="post" onsubmit="return confirm('Are you sure you want to submit?');">
65
acqu13sce

Si vous disposez de deux ou plusieurs boutons d'envoi sous une seule forme:

<input type="submit" value="Edit">
<input type="submit" name="delete" value="Delete" onclick="return confirm('Confirm, please.');">

La boîte de dialogue s'affiche uniquement lorsque vous cliquez sur le bouton Delete.

3
matepal297

Utilisation de javascript brut sans div ...

Vous pouvez avoir ceci function

function confirmSubmit() {
  if (confirm("Are you sure you want to submit the form?")) {
    document.getElementById("FORM_ID").submit();
  }
  return false;
}

Et vous pouvez appeler cette fonction à partir de l'événement onsubmit dans le formulaire, ou sur l'événement onclick dans le button.

Au fait, avez-vous entendu parler de JQuery . C'est une bibliothèque JS avec beaucoup de choses utiles qui vous donnent une façon confortable et esthétique de coder javascript.

Comme exemple de ce que vous voulez faire, prenez ceci boîte de dialogue de confirmation de JQuery comme exemple

2
Garis M Suero