HTML - Formulaire Bouton Soumettre Confirmation Dialog

Question

ceci 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> 

est-il un moyen pourrait avoir une boîte de dialogue de confirmation disant « Oui » \ « Non » ou « Confirmer » \ « Annuler », etc. Une façon dont j'ai figuré de dong est avec CSS Layer et JavaScript et Php ... qui ont un php isset(){} chechk sur le bouton et lorsqu'il est réglé afficher une Div affichée avec deux boutons et onclick=func() Fonction JS de ces boutons avoir une variable PHP (drapeau) ensemble, puis je peux if(flag){} de continuer ou passer un peu de code ...

bien qui va travailler et en plus le point est que je peux avoir une boîte de dialogue sur le thème bien, mais je veux juste rendre ma vie plus facile ...

Answer 1

Vous pouvez aussi le faire avec une ligne dans la balise de formulaire lui-même

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

Answer 2

utilisant javascript brut sans div ...

vous pouvez avoir cette 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 de l'événement onsubmit sous la forme, ou sur l'événement onclick dans le button. En passant, avez-vous entendu parler de JQuery. C'est une bibliothèque JS avec beaucoup de choses utiles qui vous donnent un moyen de coder javascript confort et beauté.

À titre d'exemple de ce que vous voulez accomplir, prenez ce confirmation dialog de JQuery comme exemple

Answer 3

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

est ce javascript peut être différent du tag "formulaire", remplacer

return confirm(...) 

avec quelque chose comme

return sendata(...) 

Answer 4

Si vous avez 2 ou plusieurs boutons de soumission 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 apparaît uniquement lorsque vous cliquez sur le bouton Delete.