Problème pour un formulaire en Javascript

Résolu/Fermé

Kebabiste - 3 mars 2023 à 11:20
jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 - 6 mars 2023 à 14:05

Bonjour,

Je dois créer un formulaire pour mon cours de programmation en utilisant le langage Javascript. L'objectif est qu'une boîte de dialogue s'affiche lorsque l'utilisateur clique sur le bouton envoyer en affichant "Bonjour + le prénom inscrit + le nom inscrit".

Seulement, avec le code que j'ai créé, le nom et prénom de la personne ne s'affiche pas. Il est simplement affiché "Bonjour nom prenom".

Voici mon code :

<!DOCTYPE html>
<html>
    <head>
    <!-- En-tête de la page -->
    <meta charset="utf-8"/>
    <title>Titre</title>
    <script>
        function envoyer(){
            var nom,prenom;
            nom=document.frm_donnees.txtNom.value;
            prenom=document.frm_donnees.txtPrenom.value;
            message=" Bonjour "+" nom "+" prenom ";
            alert(message);  
        }
    </script>
    </head>

    <body>
        <hr>
        Données personnelles
        <hr>
        <form name="frm_donnees">
            <table>
                <tr>
                    <td>NOM : </td> <td><input type="text" name="txtNom"></td>
                </tr>
                <tr>
                    <td>PRENOM : </td> <td><input type="text" name="txtPrenom"></td>
                </tr>
                <tr>
                    <td>ADRESSE : </td><td><textarea name="txt_Adresse"></textarea>
                </tr>
                <tr>
                    <td>PAYS :</td>
                    <td>
                        <select name="LstPays">
                            <option value="France"> France </option>
                            <option value="Belgique"> Belgique </option>
                            <option value="Espagne"> Espagne </option>
                            <option value="Allemagne"> Allemagne </option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td> Sexe : </td>
                    <td>
                    F <input type="radio" value="féminin" name="rdbtn_sexe">
                    M <input type="radio" value="masculin" name="rdbtn_sexe">
                </tr>
            </table>
            <input type="button" value="envoyer" name="btn_envoyer" onclick="envoyer()">
        </form>
    </body>
</html>

Comment faire ?

Merci d'avance :)

Windows / Chrome 110.0.0.0

A voir également:

Problème pour un formulaire en Javascript
Formulaire de réclamation facebook - Guide
Telecharger javascript - Télécharger - Langages
Formulaire instagram compte suspendu - Guide
Le formulaire rempli - Guide
Confirmer le nouvel envoi du formulaire err_cache_miss ✓ - Forum PHP

2 réponses

Réponse 1 / 2

jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 4 717
3 mars 2023 à 12:15

Bonjour

Il ne faut pas mettre de quottes des variables.

Kebabiste
3 mars 2023 à 12:28

Bonjour,

Je dois donc enlever les " au niveau de cette ligne de code ? :

message=" Bonjour "+" nom "+" prenom ";

J'ai déjà essayé mais ça ne fonctionne pas.

Merci d'avance

jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 4 717 > Kebabiste
3 mars 2023 à 12:32

Seulement ceux qui sont autour de nom et prénom

Kebabiste > jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024
3 mars 2023 à 12:36

ça fonctionne, merci beaucoup pour votre aide :)

Réponse 2 / 2

Kebabiste
5 mars 2023 à 13:32

J'ai une question supplémentaire là-dessus, mon code fonctionne bien mais je n'ai pas d'espace entre le nom et le prénom dans la boîte de dialogue, est-ce possible d'en ajouter un ?

Merci d'avance :)

Ntique
6 mars 2023 à 09:55

Salut,

une chose que vous ne semblez pas avoir compris est l'utilisation des guillemets en JavaScript.

Et la concaténisation qui va avec.

Des guillemets servent à indiquer une valeur textuel(String).

Une variable est un container de stockage. Elle peut contenir une valeur de type String(du texte) ou Number(numérique) ou Boolean(booléen) et d'autres "types de données" existant mais pour l'utiliser il n'est pas besoin d'utiliser des guillemets puisque une variable n'est pas du texte.

Ainsi si vous indiquez:

var numerique = 20

var textuel = "vingt"

l'une est un nombre (qui peut être utilisé dans des calculs) et l'autre un texte(qui ne peut être utilisé dans un calcul).

La concaténisation c'est relier plusieurs valeurs en un texte.

Ainsi si vous écrivez:

alert("Hello "+numerique)

Vous aurez une alerte affichant "Hello 20"

Donc notre variable textuel stocke "vingt" et cette chaîne de caractères n'a aucun espace.

Donc quand on l'utilise

alert("Hello"+textuel)

//-- affiche "Hellovingt"

Si vous voulez autre chose il faudra indiquer les autres choses.

alert("ma note sera de 20 sur "+textuel)

//-- "ma note sera de 20 sur vingt"

Bref concaténer utilise le signe plus et permet de créer une chaîne de caractères(qui peut être stockée ou non, ici ce n'est pas le cas).

jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 4 717
6 mars 2023 à 14:05

  message=" Bonjour "+  nom + " " + prenom ;

Discussions similaires

Civilité (Mr,Mme,Melle) n' apparait pas lors de l'exécution du formulaire

Je n'arrive plus à récuperer mon compte Outlook

Javascript Arrondi à 2 chiffres après la virgule

Compte HOTMAIL bloqué . Que faire ?

Google Chrome : "Nouvel envoi du formulaire"