tester les champs vides

Question

Bonjour bonjour!!!!! j'ai un formulaire, et j'aimerais pouvoir tester les champs vides avant d'envoyer mon formulaire. Mais voilà, 2 problèmes se posent : -le premier : je n'arrive pas à faire le contrôle correctement sur mes boutons radios, le contrôle n'est positif que lorsque je valide le premier choix! -le deuxième : même si il y a des champs vide, mon formulaire est quand même envoyé à ma page action ="reg.php". Ce que je souhaite, c'est donc de régler mon soucis avec les boutons radios, mais aussi de ne pas envoyer mon formulaire, s'il y a des champs vide. je vous montre mon code : Code :

et comment ajouter les couleurs au bouton radio vide? comme pour chaine ou port avec la fonction couleur(obj)... Merci d'avance pour vos futurs réponses!!!

Utilisateur anonyme · Answer

Salut !

A faire dans l'ordre :

- Supprimer le onSubmit du body
- Changer le bouton "Soumettre" de type submit en type button
- Ajouter l'attribut onClick="check()" sur le bouton "Soumettre"
- Supprimer le [i] dans la fonction javascript lorsque tu testes "Type"
- Tu modifies la fin de ta fonction jacvascript comme suit :
if (msg == "")
    document.form.submit();
else	
    alert(msg);Normalement ça devrait marcher ;-)

MiWi86-33 · Answer

HEY HEY? 

Merci pour ta réponse, c'est exactement ce que je voulais, ceci dit le soucis du bouton radio se pose toujours, le formulaire n'est valide que lorsque je selectionne le premier choix!!!!

j'avais trouvé un truc comme quoi il fallait mettre un indice, mais je n'ai pas réussi à "comprendre son fonctionnement" d'où l'essai avec le [i]...

et comment mettre la couleur sur les boutons radios lorsqu'ils sont vides?

Utilisateur anonyme · Answer

Voilà le test à faire pour tes radios boutons : (Exemple pour le type)
if (!document.formInsert.elements['type'][0].checked && !document.formInsert.elements['type'][1].checked)Je regarde pour la couleur ;-)

MiWi86-33 · Answer

merci merci!!!!!!!!!!!!
j'arrive bien à selectionner un choix ou un autre!!!!

mais j'ai pas tout dis.....

Comme tu as pu le voir, j'ai :


<input type="button" id="ajt0" name="ajout0" value="ajouter" style="display:none" onclick="javascript:add()" >


et ma fonction add() correspond à :


var numForm = 1;
	var contentDivName = "formulaires";
    
	function add()
	{
		 
		/* Retrieve fieldSet from the page */
         var conteneur   = document.getElementById(contentDivName);
        /* Create elements that we need into the new form to add  */
         var undiv      = document.createElement('div');
		 
		 var nbNumForm = document.createElement('input');
		 var leNumForm = document.createElement('input');
		 
		 var MaChaine = document.createTextNode("Chaine : ");
		 var chaine        = document.createElement('input');
		 
		
		 var MonCodage = document.createTextNode("Codage : ");
		 var MonMpg4 = document.createTextNode("MPG4 ");
		 var mpg4        = document.createElement('input');
		 var MonMpeg2 = document.createTextNode("MPEG2 ");
		 var mpeg2 = document.createElement('input');
	         
                 ...
	 
                var but = document.createElement('input');
		 
		 nbNumForm.type = 'hidden';
		 nbNumForm.name = 'dernierNumForm';
		 nbNumForm.value = numForm;
		 
		 leNumForm.type = 'hidden';
		 leNumForm.name = numForm;
		 
                chaine.type   = 'text';
		 chaine.name   = 'chaine'+numForm;
		 chaine.id = 'chaine';
		 
		 mpg4.type   = 'radio';
		 mpg4.name = 'codage'+numForm;
		 mpg4.value = 'mpg4';
		 mpg4.id = 'codage';
		 
		 mpeg2.type   = 'radio';
		 mpeg2.name = 'codage'+numForm;
		 mpeg2.value = 'mpeg2';
		 mpeg2.id = 'codage';
		 
		 ...
         
		 but.type   = 'button';
         but.value  = 'Supprimer le formulaire';

        // Implement delete function on the button
         but.onclick = function()
		 {
        	// Element to remove
        	 lediv      = this.parentNode;
        	// Element parent
        	 lefieldset   = lediv.parentNode;
        	// Remove the element
        	 lefieldset.removeChild(lediv);
         }

        /* Append elements (new form) into the page */
		 undiv.appendChild( document.createElement('br') );
		 
		 undiv.appendChild(nbNumForm);
		 undiv.appendChild(leNumForm);	 
		
		 undiv.appendChild(MaChaine);
		 undiv.appendChild(chaine);
		 
		 undiv.appendChild( document.createElement('br') );
		 
		 undiv.appendChild(MonCodage);
		 undiv.appendChild(MonMpg4);
		 undiv.appendChild(mpg4);
		 undiv.appendChild(MonMpeg2);
		 undiv.appendChild(mpeg2);
		 
		 undiv.appendChild( document.createElement('br') );
		 
		 ...
		 
		 undiv.appendChild(but);
		 
		  
         conteneur.appendChild(undiv);
		 
		 numForm++;
		 
	}


Soit à la création ou suppression d'un ou plusieurs autre formulaires, je pensais qu'en donnant le même id ça marcherait quand même, mais il se trouve que check() n'agit pas sur les nouveaux formulaires. 

Comment ça se fait et comment faire?

MiWi86-33 · Answer

Si tous mes champs ont le même id, alors pourquoi le controle de saisi, de champs vide, ne s'effectue t-il pas sur les nouveaux formulaires??????,

Utilisateur anonyme · Answer

Justement si ils ont le même id comment veux tu que javascript reconnaisse quel champs il doit tester ???

A mon avis lorsque tu ajoutes tes nouveaux éléments tu devrais leur attacher une fonction javascript de contrôle pour t'assurer qu'ils ne sont pas vides.

MiWi86-33 · Answer

il faudrait que je reboucle???

Tester les champs vides

7 réponses

Discussions similaires

Newsletters