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 :

Formulaire - vérification de différents <input type="radio">


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 Formulaire - vérification de différents <input type="radio">
    Bonsoir à tous,

    Dans un formulaire, j'ai 3 différents name="" de type="radio".

    1) name="statut"
    2) name="type"
    3) name="private"

    Dans mon code Javascript, je n'arrive pas à récupérer chaque famille de name="" dans un tableau, soit que chacune ait son tableau. Si il y a une façon d'utiliser querySelectorAll je ne l'ai pas trouvé. J'ai tenté de tout récupérer grâce à getElementsByName et ensuite de faire un tableau mais échec.

    Donc pour conclure, j'aimerais savoir comment faire pour que mes 3 name="" différents aient chacun leur tableau sachant que ce sont tous des type="radio" ?

    Merci pour votre aide.

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 209
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 209
    Par défaut
    Bonjour,
    Si il y a une façon d'utiliser querySelectorAll je ne l'ai pas trouvé.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    var lstInputs = document.querySelectorAll('[name="le_nom"]');

  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
    Bonsoir et merci pour ta réponse.

    Cela ne marche toujours pas, voici mon code JS :

    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
     
     
    var check = {};
     
    check['statut'] = function()
    {
    	var statut = document.querySelectorAll('[name=statut]');
     
    		if(statut[0].checked || statut[1].checked)
    		{
    			return true;
    		}
    		else
    		{
    			return false;
    		}
    };
     
    check['type'] = function()
    {
    	var type = document.querySelectorAll('[name=type]');
     
    		if(type[0].checked || type[1].checked)
    		{
    			return true;
    		}
    		else
    		{
    			return false;
    		}
    };
     
    check['title'] = function()
    {
    	var title = document.getElementsByName('title')[0];
     
    	return title.value.length >= 6;
    };
     
    check['private'] = function()
    {
    	var subjectPrivate = document.querySelectorAll('[name=private]');
     
    		if(subjectPrivate[0].checked || subjectPrivate[1].checked)
    		{
    			return true;
    		}
    		else
    		{
    			return false;
    		}
    };
     
    (function()
    {
    	var form = document.getElementById('form_new_subject');
     
    	form.addEventListener('submit', function(e)
    	{
    		if(check['statut']() && check['type']() && check['title']() && check['private']())
    		{
    			alert('Succès');
     
    			e.preventDefault();
    		}
    		else
    		{
    			alert('Erreur');
    			e.preventDefault();
    		}
    	}, false);
     
    })();
    J'ai aussi essayé en mettant les crochets au name comme : name="le_name".

Discussions similaires

  1. deux input type submit dans un formulaire mais 2 actions différentes
    Par khamett dans le forum Général JavaScript
    Réponses: 14
    Dernier message: 19/04/2008, 19h34
  2. [ajax] XMLHttpRequest et formulaire(<input type='file'>)
    Par Are-no dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 23/08/2006, 20h22

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