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 :

Contrôle sur la saisie d'un utilisateur dans un formulaire


Sujet :

JavaScript

  1. #1
    Membre à l'essai
    Homme Profil pro
    Technicien Help Desk
    Inscrit en
    Septembre 2010
    Messages
    16
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Sarthe (Pays de la Loire)

    Informations professionnelles :
    Activité : Technicien Help Desk
    Secteur : Service public

    Informations forums :
    Inscription : Septembre 2010
    Messages : 16
    Points : 17
    Points
    17
    Par défaut Contrôle sur la saisie d'un utilisateur dans un formulaire
    Bonjour,

    Tout d'abord je tiens à préciser que je débutes en Javascript
    Voilà mon petit problème.
    J'ai un formulaire qui va contenir un certain nombre de champs.
    Plusieurs de ces champs auront une valeur comprise entre 1 et 9.
    J'aimerais contrôler la saisie de l'utilisateur sur ces champs afin de vérifier s'il n'a pas saisir un chiffre infèrieur à 1 ou supérieur à 9.
    Avec l'évènement onchange, j'ai vu que je pouvais arriver à mes fins.

    Reste que maintenant, je n'arrives pas à faire le lien entre la fonction que j'appelle dans le input du formulaire, et la fonction javascript.

    Exemple :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
     
    <SCRIPT language="javascript">
       function verif(formulaire, champ) {
    	if (formulaire.champ.value<0 || formulaire.ajout.value>9) {
    		alert("Saisissez une valeur comprise entre 1 et 9")
    	}
       }
    </SCRIPT>
     
    <form action="./saisie.php" method="post">
    <input type="text" name="ajout" id="ajout" value="1" onchange="verif(this.form, this.id)">
    <input type="text" name="ajout2" id="ajout2" value="2" onchange="verif(this.form, this.id)">
    <input type="submit" value="Envoyer">
    </form>
    Avec ce code, je n'ai pas d'alerte.
    Par contre ce qui est étrange, c'est si j'enlève un des input, le code fonctionne.

    Merci d'avance aux personnes qui pourraient m'aider.

    Vincent,

  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
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    <script type="text/javascript">
       function verif(champ) {
        if (champ<0 || ajout>9) {
            alert("Saisissez une valeur comprise entre 1 et 9")
        }
       }
    </script>
     
    <form action="./saisie.php" method="post">
    <input type="text" name="ajout" id="ajout" value="1" onchange="verif(this.value)">
    <input type="text" name="ajout2" id="ajout2" value="2" onchange="verif(this.value)">
    <input type="submit" value="Envoyer">
    </form>

  3. #3
    Membre à l'essai
    Homme Profil pro
    Technicien Help Desk
    Inscrit en
    Septembre 2010
    Messages
    16
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Sarthe (Pays de la Loire)

    Informations professionnelles :
    Activité : Technicien Help Desk
    Secteur : Service public

    Informations forums :
    Inscription : Septembre 2010
    Messages : 16
    Points : 17
    Points
    17
    Par défaut
    Merci beaucoup ça fonctionne.
    Je n'avais pas vu la propriété value.
    A bientôt
    Vincent,

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

Discussions similaires

  1. [PHP 5.4] Insérer des valeurs saisies par l'utilisateur dans une requête SQL
    Par B.Berthod dans le forum Langage
    Réponses: 1
    Dernier message: 22/01/2015, 09h28
  2. Réponses: 2
    Dernier message: 22/07/2011, 15h44
  3. Formulaire - contrôle sur la saisie
    Par akmer dans le forum Macros et VBA Excel
    Réponses: 2
    Dernier message: 02/06/2008, 15h22
  4. [JS] contrôle sur la saisie d'un champ avec des valeurs numeriques ?
    Par adil_vpb dans le forum Général JavaScript
    Réponses: 14
    Dernier message: 22/03/2007, 11h12
  5. Réponses: 2
    Dernier message: 26/12/2006, 17h33

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