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 :

Controle JS avant avant soumission du formulaire


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éprouvé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juillet 2006
    Messages
    985
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Cameroun

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : Juillet 2006
    Messages : 985
    Par défaut Controle JS avant avant soumission du formulaire
    Bonjour,
    J'ai le formulaire ci-dessous et je souhaite renvoyer ses saisies vers une page PHP. Je voudrai que tant que les champs nom et prénom du formulaire ne sont pas remplis, qu'une alerte JS soit affichée et dans le cas contraire qu'il soit envoyé.
    Code : 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
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Contrôle formulaire en JS</title>
    </head>
    <body>
      <form action="" method="post" id="census">
        <p><em>* Champs obligatoires</em></p>
    		<fieldset id="one">
        <legend>Informations personnelles</legend>
    		<ul>
        <li>
        <label for="nom" class="oblig" title="Veuillez saisir votre nom en lettres majuscules">*Nom:</label>
        <input type="text" name="nom" id="nom" class="text" tabindex="1" title="Veuillez saisir votre nom en lettres majuscules" onchange="this.value=this.value.toUpperCase();" />
    		<span class="legende">Ex : pour mariée 'SOMBANG née NENDOU'</span>
        </li>
        <li>
        <label for="prenom" class="oblig" title="Veuillez saisir votre prénom">*Prénom:</label>
        <input type="text" name="prenom" id="prenom" tabindex="2" class="text" title="Veuillez saisir votre prénom" />
    		<span class="legende">Ex : Liliane</span>
        </li>
    		<li class="choix">
        <label for="sexe"  class="oblig">*Sexe:</label>
        <input type="radio" name="sexe" id="sexe" value="1" class="radio" checked="checked" />Masculin <input type="radio" name="sexe" value="2" class="radio" />Féminin
        </li>
    		</ul>
        </fieldset>
        <p class="boutons"><input type="submit" value="&raquo; Validez ici" class="submit" /></p>
      </form>
    </body>
    </html>
    Merci d'avance...

  2. #2
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 2
    Dernier message: 18/04/2008, 00h07
  2. récupération de la valeur d'une variable avant la soumission du formulaire
    Par Dodielapatate dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 31/07/2007, 15h19
  3. message d'erreur avant la soumission du formulaire
    Par ramzos82 dans le forum Struts 1
    Réponses: 2
    Dernier message: 01/05/2007, 13h28
  4. Réponses: 5
    Dernier message: 05/07/2006, 18h54
  5. Vérification avant l'envoi de formulaire
    Par navis84 dans le forum Général JavaScript
    Réponses: 17
    Dernier message: 10/05/2006, 14h01

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