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 bouton radio champ formulaire


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2009
    Messages
    95
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2009
    Messages : 95
    Par défaut contrôle bouton radio champ formulaire
    Salut,

    voila je souhaite faire un contrôle sur des boutons radio de mon formule.

    Si mes boutons radio sont vides alors j'affiche un message d'erreur qui stipule que l'utilisateur doit renseigner un un bouton radio.

    J'ai essayé de la faire mais cela ne fonctionne pas, je ne vois pas pourquoi !

    voici le code de des boutons radio de mon formulaire et mon code javacript :

    Code fonction verif()
    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
    </script> 
    	function verif() {
     
    		var remplace = document.getelementById('remplace').checked
    		var rajoute = document.getelementById('rajoute').checked
    		var hausse = document.getelementById('hausse').checked
    		var baisse = document.getelementById('baisse').checked
    		// si aucun des boutons radio cochés alors on affiche un message d'erreur
    	    if  (remplace == false  && rajoute == false) {
    		alert("Veuillez cocher le bouton \"Se rajoute\" ou \"Remplace\", svp.");
    		document.forms["saisie_avk"].elements["Conso_ARemplacer"].focus();
    		return false;
    		}
    		// si aucun des boutons radio cochés alors on affiche un message d'erreur
    		if (hausse == false  && baisse == false) {
    		alert("Veuillez cocher le bouton \"Hausse\" ou \"Baisse\", svp.");
    		document.forms["saisie_avk"].elements["Tend"].focus();
    		return false;	
    		}
    		}
    </script>

    Code formulaire :

    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
    <form method="post" action="testradio.asp" target="_self" name="saisie_avk" onSubmit="return verif(this)">
    <tr>
    		     	<td colspan="2" width="682">
    					<font size="2"><b>
    						<font color="red">*</font> 
    						La consommation à prévoir...
    					</b></font>
    		     		<input type="radio" name="Conso_ARemplacer" id="remplace" value="Y">
    					<font size="2"> remplace  </font>
    		     		<input type="radio" name="Conso_ARemplacer" id="rajoute" value="N">
    					<font size="2"> se rajoute </font>
    					<font size="2"><b>... (à) la consommation actuelle de la BU.</b></font>
    				</td>
    			</tr>
     
    			<tr>
    		     	<td colspan="2" width="682">
    					<font size="2"><b>
    						<font color="red">*</font> 
    						 Tendance
    					</b></font>
    		     		<input type="radio" name="Tend" id="hausse" value="Hausse">
    					<font size="2"> à la hausse  </font>
    		     		<input type="radio" name="Tend" id="baisse" value="Baisse">
    					<font size="2"> à la baisse </font>
    				</td>
    			</tr>
     
    <p align="center">
    			<b><input type="submit" value="Envoyer l'AVK" style="font-weight: bold"></b>
    		</p>
    </form>

    Merci d'avance......

  2. #2
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Bonjour,
    bien qu'il eut été plus logique de parcourir les input de la collection du formulaire (en testant le type=="radio"), ton code devrait marcher ... sous réserve de respecter la casse
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById(...
    A+

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2009
    Messages
    95
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2009
    Messages : 95
    Par défaut
    merci j'avais pas vu effectivement ça fonctionne avec la casse.....

    merci

    ++

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

Discussions similaires

  1. Contrôle bouton radio
    Par Kerweb dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 17/03/2009, 10h09
  2. Bouton radio dans formulaire
    Par tiyolx dans le forum IHM
    Réponses: 3
    Dernier message: 26/08/2008, 10h51
  3. boutons radios dans formulaire
    Par deepwrath dans le forum Langage
    Réponses: 1
    Dernier message: 05/06/2007, 14h01
  4. récuperer la valeur d'un bouton radio sans formulaire
    Par boss_gama dans le forum Général JavaScript
    Réponses: 28
    Dernier message: 18/09/2006, 11h52
  5. [PHP-JS] Bouton radio & champ masqué
    Par eown dans le forum Langage
    Réponses: 4
    Dernier message: 18/04/2006, 10h06

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