[Formulaire/javascript] Gros problème

kathou Messages postés 80 Statut Membre -  
Nettogrof Messages postés 522 Statut Membre -
Bonjour j'ai un formulaire que je valide à l'aide de fonctions en javascript. Jusqu'ici tout va bien.

Cependant lorsque que j'ai inclus des champs cachés dans mon formulaire pour récupérer mes données ma validation avec mes fonctions ne fonctionnent plus.

Quelqu'un a-t-il une explication. Parce avant d'ajouter ces champs cachés ça foonctionnait très bien

Merci kathou

7 réponses

  1. Nettogrof Messages postés 522 Statut Membre 672
     
    En temps normal, il devrait pas avoir de problème.
    C'est bizzarre. Un peu de code svp, ca aiderait.
    Nettogrof tseb era seiromem emoS
    0
  2. kathou Messages postés 80 Statut Membre 24
     
    Mon formulaire:
    <form method="Post" action="pour_qui.html" name="genre">
    <input type="hidden" name="redirect" value="rapport.html">

    Voici mes input qui sont dans un tableau

    <input type="hidden" name="CE" value="">
    <input type="checkbox" name="CE" value="ON">
    <input type="hidden" name="Act" value="">
    <input type="checkbox" name="Act"value="ON">
    <input type="hidden" name="TPQ" value="">
    <input type="checkbox" name="TPQ" value="ON">
    <input type="hidden" name="SurCadreMait" value="">
    <input type="checkbox" name="SurCadreMait" value="ON">
    <input type="hidden" name="SurPer" value="">
    <input type="checkbox" name="SurPer" value="ON">
    <input type="hidden" name="HrsAccCom" value="">
    <input type="checkbox" name="HrsAccCom" value="ON">

    <input type="submit" value="Suivant" name="B1" onclick="Verifier(this); return false;"

    et ma fonction en javascript.

    function VerifierTypeRapport(){

    valide=false;

    if(document.genre.CE.checked == true){
    chaine="categorieEmploi";
    valide=true;

    }else if(document.genre.Act.checked == true){
    chaine="activite";
    valide=true;

    }else if(document.genre.TPQ.checked == true){
    chaine="travailPourQui";
    valide=true;

    }else if(document.genre.SurCadreMait.checked == true){
    chaine="surtempsCadreMaitrise";
    valide=true;

    }else if(document.genre.SurPer.checked == true){
    chaine="surtempsPersonne";
    valide=true;

    }else if(document.genre.HrsAccCom.checked == true){
    chaine="HeuresAccumule";
    valide=true;

    }else{
    valide=false;
    alert("Vous devez choisir un type de rapport");

    }

    return valide;

    }

    Cette fonction est appeler dans une autre fonction qui s'appelle verifier que j'appelle au submit du bouton.

    Merci Nettogrof de me donner ce coup de pouce

    Kathou
    0
  3. Nettogrof Messages postés 522 Statut Membre 672
     
    Pour quel raison d'avoir des champs "hidden" et "checkbox" ayant le même nom:

    <input type="hidden" name="CE" value="">
    <input type="checkbox" name="CE" value="ON">

    Le champs "hidden" permet d'envoyer des information sans que l'utilisateur le voit. Mais alors pourquoi mettre des champs "hidden" avec comme value=""

    Espérant pouvoir d'aider

    Nettogrof tseb era seiromem emoS
    0
  4. kathou Messages postés 80 Statut Membre 24
     
    J'utilise des champs hidden dans le but de pouvoir récupérer les valeurs des checkbox. Dans le fond j'aimerais savoir à partir de ma page rapport.html quel checkbox ont été cochés.

    Donc selon toi, je devrais changer les propriétés name de mes champs caché et leur attribué une valeur.

    Pense-tu que tu peux me faire un petit exemple pour que je comprenne bien.

    Merci d'avance tu es très gentil

    Kathou
    0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. Nettogrof Messages postés 522 Statut Membre 672
     
    Si je comprend bien , tu veux utiliser des checkbox, et savoir (en javascript) si ils sont coché?

    Si oui voici un exemple:
    function VerifierTypeRapport(){ 
    
    valide=false; 
    
    if(document.genre.CE.checked ){ 
    chaine="categorieEmploi"; 
    valide=true; 
    
    }else{ 
    valide=false; 
    alert("Vous devez choisir un type de rapport"); 
    
    } 
    
    
    return valide; 
    
    }


    Et dans ta page html:
    
    <form method="Post" action="pour_qui.html" name="genre">
    <input type="checkbox" name="CE" checked>
    </form>
    
    


    A partir du javascript, il est possible de vérifer l'état (cocher ou pas ) d'un checkbox.

    Encore des question? Si oui je suis encore là

    Nettogrof tseb era seiromem emoS
    0
  7. kathou Messages postés 80 Statut Membre 24
     
    Cette partie est bien compris je t'assure j'ai assez travaillé pour bien la maitriser.

    Je vais t'expliquer mieux mon projet et par la suite tu pourra surement mieux m'aider.

    Je travaille sur un site intranet qui contient 3 page Html.

    1 ère page : Un formulaire qui contient plusieurs checkbox. [type_rapport.html]

    2 ème page : La suite du formulaire avec encore plusieurs checkbox.[pour_qui.html]

    3 ème page : affichage d'un rapport selon les choix de l'utilisateur dans les deux formulaires décrit précédemment. [rapport.html]

    C'est à cause que mon formulaire est sur deux pages différentes que je voulais utiliser des champs caché pour pouvoir savoir à partir de ma troisième page quel checkbox ont été coché ou non dans mes formulaires pour afficher le bon rapport.

    Et j'ai un peu de difficulté à comprendre les champs cachés. J'ai visité environ 60 sites et là je t'avoue que je suis un peu mélanger.

    Maintenant si tu comprends mieux mon problème ou si tu veux d'autres explications gêne-toi pas.

    Merci beaucoup

    Kathou
    0