La méthode de confirmation JavaScript appelle une fonction qui demande à l'utilisateur un dialogue de confirmation sur une action particulière. La méthode confirm() utilise un objet window pour invoquer un dialogue avec une question et deux boutons d'option, D'ACCORD et Annuler . Si l'utilisateur sélectionne l'option OK, il poursuivra l'exécution de la fonction ; la sélection de l'option Annuler annulera l'exécution du code de bloc.
cm en pieds et pouces
Il revient vrai si l'utilisateur sélectionne l'option OK ; sinon, ça revient FAUX .
Syntaxe:
confirm('Select an Option!');
Paramètres:
Il faut une valeur « message » au format chaîne pour s'afficher dans la boîte de dialogue de confirmation que vous souhaitez montrer à l'utilisateur.
Valeur de retour :
La méthode de confirmation renvoie une sortie booléenne, vraie ou fausse, si OK est sélectionné.
Un booléen indiquant si OK (vrai) ou Annuler (faux) a été sélectionné. Si un navigateur ignore les dialogues sur la page, la valeur renvoyée est toujours fausse.
Utilisation de la méthode Confirm
- La méthode JavaScript confirm() est utilisée pour afficher un message spécifique dans une fenêtre de dialogue avec les options OK et Annuler pour confirmer l'action de l'utilisateur.
- Pour traiter certaines opérations CRUD, il est nécessaire d'utiliser un message de confirmation au lieu d'appliquer directement une action.
- Il est utilisé pour accepter ou vérifier quelque chose.
- Cela force le navigateur à lire le message et à se concentrer sur la fenêtre actuelle.
- Il arrête toutes les actions jusqu'à ce que la fenêtre de confirmation soit fermée.
- Il renvoie vrai lorsque les utilisateurs sélectionnent OK et faux lors de la sélection de l'option CANCEL.
Remarque : La méthode de confirmation JavaScript ne doit pas être surutilisée. Il bloque l'accès aux autres parties de la page jusqu'à ce que l'action soit sélectionnée ou que la fenêtre soit fermée.
Exemples:
Exemple 1 : Impression de l'action sélectionnée
Test.html :
Cliquez sur le bouton pour appeler confirm().
Cliquez ici function myFunction() { var result; var r = confirm('Sélectionnez une action !'); if (r == true) { result = 'Vous avez sélectionné OK !'; } else { result = 'Vous avez sélectionné Annulé !'; } document.getElementById('conf').innerHTML = result; }Sortir:
La page HTML ci-dessus affichera du texte et un bouton d'action comme suit :
Lorsque nous cliquons sur le bouton Cliquez ici, une fenêtre de dialogue s'ouvrira avec le message spécifié et les options OK et Annuler.
Si nous sélectionnons l'action OK, elle exécutera le code true block code ; sinon, il exécutera le faux code de bloc. Considérez le résultat ci-dessous :
Exemple 2 : Utilisation de la méthode de confirmation avec une condition
Test.html :
Cliquez sur le bouton pour appeler confirm().
Cliquez ici function myFunction() { if (window.confirm('Voulez-vous vraiment supprimer ?')) { document.getElementById('conf').innerHTML = 'vous avez réussi à supprimer le fichier' } }Sortir:
La page HTML ci-dessus affichera du texte et un bouton d'action comme suit :
Lorsque nous cliquons sur le bouton Cliquez ici, une fenêtre de dialogue s'ouvrira avec le message spécifié et les options OK et Annuler.
Si nous sélectionnons l'action OK, elle exécutera le code true block code ; sinon, il exécutera le faux code de bloc. Considérez le résultat ci-dessous :
À partir de l'exemple ci-dessus, nous pouvons voir si nous avons sélectionné OK, alors il a appliqué l'action spécifiée sous le si condition.
Exemple 3 : Afficher le message d'action sur plusieurs lignes
Pour afficher le message d'action sur plusieurs lignes, on peut écrire un juste avant la ligne que l'on souhaite afficher dans une nouvelle ligne.
Considérez l'exemple ci-dessous :
Test.html :
Cliquez sur le bouton pour appeler confirm().
Cliquez ici function myFunction() { if (window.confirm('Voulez-vous vraiment supprimer ? La suppression ne peut pas être annulée si vous confirmez !')) { document.getElementById('conf').innerHTML = 'vous avez réussi supprimé le fichier' } }Sortir:
À partir de la sortie ci-dessus, nous pouvons voir que le message d'action est imprimé sur plusieurs lignes.