Javascript Comment utiliser la Boîte de Dialogue de confirmation onSubmit avec deux boutons submit sur JSP

Mon formulaire a actuellement deux boutons submit. Un pour Search et l'autre pour un Mark Complete fonction. J'ai besoin d'afficher une boîte de dialogue de confirmation que lorsque la "Marque Complète" clique sur le bouton pour envoyer le formulaire avec validation est passé. Est-il possible d'identifier ce? J'ai actuellement le ci-dessous confirmComplete fonction:

function confirmComplete() {
alert("confirmComplete");
var answer=confirm("Are you sure you want to continue");
if (answer==true)
  {
    return true;
  }
else
  {
    return false;
  }
}

Toute aide serait appréciée!

  • Vous pouvez utiliser javascript - définir le soumet bouton pour être régulier boutons type="button" mettre chacun onclick à une fonction différente et si vous souhaitez soumettre le formulaire suffit d'utiliser javascript: [form_element].submit();
  • Je dois les garder comme type="submit" en raison d'autres fonctionnalités qui ont été mis en place.
InformationsquelleAutor Richard | 2013-03-22
  1. 25

    Définir la onclick attribut de la "Marque Complète" pour ce 

     onclick="return confirm('Are you sure you want to continue')"

    et retirer le confirmComplete fonction de la forme

    • Merci, cela fonctionne.
    InformationsquelleAutor Carlos Blanco
  2. 3

    Vous le pouvez. Vous pouvez mettre vos boutons, comme cet

    <input type="submit" value="Search" />
<input type="submit" value="Mark Complete" onclick="{return confirmComplete();}" />

    Quand Marque Complète bouton est cliqué puis le confirmComplete fonction sera appelée lorsque l'utilisateur dit OK dans la boîte de dialogue de confirmation, puis seulement le formulaire sera soumis.

    InformationsquelleAutor Ravindra Gullapalli
  3. 1

    Vous avez besoin de faire l'événement de clic sur le bouton et non pas la soumission du formulaire. Il n'y a pas de crossbrowser moyen de savoir ce qui a soumis le formulaire.

    InformationsquelleAutor epascarello
  4. 1

    Voici donc une solution de contournement:

    <form id="frm" action="page.php" method="post" onsubmit="return onSubmit();">
    <input />
    <input type="submit" value="sub1" onclick="sub1();" />
    <input type="submit" value="sub2" onclick="sub1();" />
</form>
 <script type="text/javascript">
<!--
var frm = document.getElementById('frm');
function onSubmit(){
    return false;
}

function sub1(){
    alert('s1');
    frm.submit();
}

function sub2(){
    alert('s2');

}
 //-->
 </script>
    • Solution intéressante. Le retour de confirmer la méthode indiquée ci-dessous est le moyen le plus simple pour ce faire.
    InformationsquelleAutor Adidi
  5. 0

    lorsque vous appelez "confirm()" javascript pop up de fonction , comme onclick="return confirm('Êtes-vous sûr de vouloir continuer?")" ,boîte de confirmation obtenir apparaît avec le message "Êtes-vous sûr de vouloir continuer?" avec deux options " ok " et "annuler".lorsque vous cliquez sur ok pour retourner vrai et poursuivre l'exécution d'une page web ou si vous cliquez sur annuler, il retournera false et arrêter la poursuite de l'exécution de la page web.

    InformationsquelleAutor vishal kadam
  6. 0

    Je ne sais pas pour une balise input, mais ça n'a pas fonctionné pour moi avec l'événement click directement sur un bouton. Dans mon cas, le formulaire a été posté tout de suite.

    Voici une solution possible pour un formulaire avec plusieurs boutons (dont un seul d'entre eux doit afficher le message de confirmation)

    Dans la vue:

    <FORM name="F_DESTINATION_DB" id="F_DESTINATION_DB" method="POST" onsubmit="return popConfirmationBox('<?php echo LanguageControler::getGeneralTranslation("DELETE_CONFIRMATION_MESSAGE", "Deleting is an irreversible action. Are you sure that you want to proceed to the deleting?");?> ','DELETE_DB_BUTTON')">

    Javascript (dans un fichier externe pour la réutilisation de code):

    /**
* Display a confirmation message box to validate if we must post the page or not.
*
* @param message String to display
* @param tagId String id of the tag that must display the message.
*
* @return Boolean (confirmation)
*/  
function popConfirmationBox(message, tagId){

    var confirmation = true;

    if (typeof tagId === 'string' && document.activeElement.id.toUpperCase() === tagId.toUpperCase()) {

        if (typeof message === 'string' && message.length > 0) {

            confirmation = window.confirm(message);
        }
    }

    return confirmation;
}

    J'ai eu assez de mal à atteindre ce (besoin de beaucoup de recherche et d'essais), mais le code est assez simple.

    Par défaut, je suppose que la confirmation est oui (dans le cas d'cliqué bouton n'est pas le seul but d'afficher le message ou si l'utilisateur ne fournit pas un message valide chaîne).

    Note supplémentaire: bien sûr, ce code ne suffit pas si le navigateur de l'utilisateur bloc de code côté client.

    J'espère que ça aidera quelqu'un,

    Jonathan Parent-Lévesque de Montréal

    InformationsquelleAutor Jonathan Parent Lévesque