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 :

Validation d'un formulaire


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Lycéen
    Inscrit en
    Août 2015
    Messages
    13
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 29
    Localisation : France, Dordogne (Aquitaine)

    Informations professionnelles :
    Activité : Lycéen

    Informations forums :
    Inscription : Août 2015
    Messages : 13
    Par défaut Validation d'un formulaire
    Bonjour tout le monde,

    Actuellement en train d'apprendre le Javascript, je m'entraîne à faire des formulaires qui répondent par une fenêtre en fonction du bien remplis ou pas.

    Le soucis du code suivant est qu'à la validation du formulaire, que le champ contient quelque chose ou non, celui-ci me met quand même 'correct', deux jours que je suis dessus et je ne comprends toujours pas :-/.

    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
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
     
     
    <!DOCTYPE html>
     
    <html>
     
    <head>
     
    	<title>Javascript</title>
    	<meta charset="utf-8"/>
     
    </head>
     
    <body>
     
    <form id="form_registration_member">
     
    <p> Prénom : <input type="text" name="first_name"/> </p>
     
    <p><input type="submit"/></p>
     
    </form>
     
    <script>
     
    var check = {};
     
    check['firstName'] = function ()
    {
    	var firstName = document.getElementsByName('first_name');
     
    	if(firstName.value.length >= 1)
    	{
    		return true;
    	}
    	else
    	{
    		return false;
    	}
    };
     
    (function ()
    {
    	var form = document.getElementById('form_registration_member'),
    		inputs = document.querySelectorAll('input[type=text]'),
    		inputsLength = inputs.length;
     
    		for(i = 0, c = inputsLength; i < c; i++)
    		{
    			inputs[i].addEventListener('keyup', function (e)
    			{
    				check[e.target.id];
    			}, false);
    		}
     
    		form.addEventListener('submit', function (e)
    		{
    			var result = true;
     
    				for(var id in check)
    				{
    					result = check[id] && result;
    				}
     
    				if(result)
    				{
    					alert('Correct');
    				}
    				else
    				{
    					alert('incorrect');
    				}
     
    				e.preventDefault();
    		}, false);
     
    })();
     
    </script>
     
    </body>
     
    </html>
    Merci pour votre aide.

  2. #2
    Membre éclairé
    Homme Profil pro
    Étudiant
    Inscrit en
    Janvier 2016
    Messages
    42
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 33
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Janvier 2016
    Messages : 42
    Par défaut
    Salut,

    J'ai simplifié et corrigé ton code :

    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
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    <!DOCTYPE html>
    <html>
        <head>
            <title>Javascript</title>
            <meta charset="utf-8"/>
        </head>
     
        <body>
     
            <form id="form_registration_member">
     
                <p> Prénom : <input type="text" name="first_name" /> </p>
     
                <p><input type="submit"/></p>
     
            </form>
     
            <script>
     
                var check = {};
     
                check['firstName'] = function () {
                    var firstName = document.getElementsByName('first_name')[0];
     
                    return firstName.value.length > 0;
                };
     
                (function () {
                    var form = document.getElementById('form_registration_member');
     
                    form.addEventListener('submit', function (e) {
                        if (check['firstName']()) {
                            alert('Correct');
                        } else {
                            alert('incorrect');
                        }
     
                        e.preventDefault();
                    }, false);
                })();
     
            </script>
        </body>
    </html>
    ++

  3. #3
    Membre averti
    Homme Profil pro
    Lycéen
    Inscrit en
    Août 2015
    Messages
    13
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 29
    Localisation : France, Dordogne (Aquitaine)

    Informations professionnelles :
    Activité : Lycéen

    Informations forums :
    Inscription : Août 2015
    Messages : 13
    Par défaut
    Citation Envoyé par jeremylevy Voir le message
    Salut,

    J'ai simplifié et corrigé ton code :

    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
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    <!DOCTYPE html>
    <html>
        <head>
            <title>Javascript</title>
            <meta charset="utf-8"/>
        </head>
     
        <body>
     
            <form id="form_registration_member">
     
                <p> Prénom : <input type="text" name="first_name" /> </p>
     
                <p><input type="submit"/></p>
     
            </form>
     
            <script>
     
                var check = {};
     
                check['firstName'] = function () {
                    var firstName = document.getElementsByName('first_name')[0];
     
                    return firstName.value.length > 0;
                };
     
                (function () {
                    var form = document.getElementById('form_registration_member');
     
                    form.addEventListener('submit', function (e) {
                        if (check['firstName']()) {
                            alert('Correct');
                        } else {
                            alert('incorrect');
                        }
     
                        e.preventDefault();
                    }, false);
                })();
     
            </script>
        </body>
    </html>
    ++
    Salutations,

    Merci je vois plus clair dans le code aussi

Discussions similaires

  1. Réponses: 6
    Dernier message: 03/04/2006, 09h42
  2. Javascript : Empecher la validation d'un formulaire
    Par otb82 dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 17/01/2006, 09h46
  3. Ouvrir une popup lors de la validation d'un formulaire
    Par pod1978 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 23/11/2005, 15h47
  4. Vérification de validation d'un formulaire
    Par tom06440 dans le forum Langage
    Réponses: 8
    Dernier message: 21/09/2005, 14h29
  5. Réponses: 11
    Dernier message: 16/09/2004, 11h39

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