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


c'est un code de forme générale

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

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

Une des façons dont j'ai pensé que dong est avec CSS Layer et JavaScript et Php ... qui ont un php isset(){} chechk sur le bouton et quand définir affiche une div affichée avec deux boutons et onclick=func() La fonction JS de ces boutons a une variable php (drapeau) définie et puis je peux if(flag){} continuer ou ignorer du code ...

eh bien ça va marcher et de plus c'est que je peux avoir une boite de dialogue bien thématisée mais je veux juste me rendre la vie plus facile ...


17
2017-09-03 01:46


origine


Réponses:


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?');">

57
2017-09-03 02:02



En utilisant cru javascript sans aucune 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 depuis le onsubmit événement sous la forme, ou sur le onclick événement 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 un moyen de confort et de beauté pour coder javascript.

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


2
2017-09-03 01:50



Si vous avez 2 boutons d'envoi ou plus sous une forme:

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

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


1
2017-07-16 16:11



<form action="<form handler>" method="post" onsubmit="return confirm('Are you sure you want to submit?')">

est ce javascript peut être stocké diferent de tag "form", remplacer

return confirm(...)

avec quelque chose comme

return sendata(...)

-2
2018-01-10 07:08