IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Box récapitulatif des choix effectués dans un formulaire


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Étudiant
    Inscrit en
    Février 2013
    Messages
    144
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Février 2013
    Messages : 144
    Par défaut Box récapitulatif des choix effectués dans un formulaire
    Bonjour,

    Dans le code ci dessous. Je souhaite écrire un code javascript qui après envoi de mon formulaire, me retourne un box de validation ou récapitulatif me permettant de verifier que mes données sont bien exactes puis de valider en appuyant sur un bouton oK

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    <form action="" method="post">
    	<table>
    		<tbody>
    			<tr>
    				<td>
    					<label for="categorie">Le type de contact</label>
    					<select name="categorie" size="1">
                        				<option selected="selected">Particulier</option>
                            			<option>Entreprise</option>
                         			</select>
    				</td>
    			</tr>                                
                        	<tr>
                            	<td>
                            		<label for="objet">Nom du contact</label>
    					<br />
                                    	<input id="object" type="text" required="required" placeholder="Entrer le nom du contact" autofocus="autofocus" />
                            	</td>
                            </tr>
                            <tr>
                            	<td>
                            		<label for="objet">Prénom du contact (si Particulier)</label>
                                		<br />
                                    	<input id="object" type="text" required="" placeholder="Entrer le prenom du contact" />
                            	</td>
                            </tr>
                            <tr>
                            	<td>
                            		<label for="object">Numéro du contact</label>
                                		<br />
                                 	   <input id="object" type="tel" required="required" placeholder="Entrer le numero du contact" />
                            	</td>
                            </tr>
                            <tr>
                            	<td>
                            		<label for="object">Mail du contact</label>
                                		<br />
                                  	  <input id="object" type="email" required="required" placeholder="Entrer le mail du contact" />
                            	</td>
                           	</tr>
                    </tbody>
    	</table>
    <input id="envoyer" type="submit" value="Envoyer" />
    </form>

    Auriez vous des idées ?

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Une fois ton formulaire envoyé, tu changes de page, aucune fonction JavaScript de l'ancienne ne peut être exécutée... En revanche, tu peux faire beaucoup de choses dans le script côté serveur.
    Ton bouton submit est en dehors du formulaire...
    un box de validation
    C'est quoi ça au juste ?
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre confirmé
    Homme Profil pro
    Étudiant
    Inscrit en
    Février 2013
    Messages
    144
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Février 2013
    Messages : 144
    Par défaut BV
    Bonjour,
    C'était une erreur le input en dehors du formulaire.

    Au fait je souhaite faire un récapitulatif après saisie des données avant enregistrement.

    C'est à dire une fois que j'envoie mes données une page s'affiche me montrant les données à entrer dans la base de données puis je valide avant insertion

Discussions similaires

  1. contrôles des champs saisis dans un formulaire
    Par barouz dans le forum Servlets/JSP
    Réponses: 14
    Dernier message: 06/12/2013, 13h55
  2. Réponses: 2
    Dernier message: 25/01/2007, 13h42
  3. Liste des checkbox cochées dans un formulaire
    Par qwiskas dans le forum AWT/Swing
    Réponses: 2
    Dernier message: 19/09/2006, 05h25
  4. Choix multiple dans un formulaire
    Par jeandormesson dans le forum Langage
    Réponses: 2
    Dernier message: 28/08/2006, 22h53
  5. Réponses: 10
    Dernier message: 31/03/2006, 20h46

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo