Formulaire et validation w3c ...

Bonjour a tous

une petite question qui devrait pas poser trop de probleme mais je ne trouve pas comment faire !

je voudrai rendre un petit formulaire valide w3c . norme : xhtml1 strict

je vous passe les détails du formulaire , l'erreur se situe au niveau du "name" de form , c'est la seul erreur
je sais qu'il ne faut pas l'utiliser mais par quoi doit je le remplacer :

<form method="post" action="traitement.php" name="nous_contacter">
blabla ...

<a href="javascript:document.nous_contacter.submit()" class="bouton"><span class="icon style_white_bold">Envoyer</span></a>

</form>


voila , avec name ca marche mais c'est pas valide
avec id ca marche pas mais c'est valide

merci d'avance pour vos réponse
Configuration: Windows XP
Firefox 2.0.0.16

16 réponses

  1. bon j'ai trouvé la solution
    c'etait tout simple :

    <a href="javascript:document.getElementById('nous_contacter').submit();" class="bouton"><span class="icon style_white_bold">Envoyer</span></a>

    et voila le tour est joué ^^

    merci pour ton aide dalida ! toujours la pour m'aider
    on dirai que ya que toi sur ce fofo ^^
    3
    1. oui justement l'erreur est l'utilisation du "name" (il ne faut pas)
      je cherche donc un moyen de faire marcher mon bouton submit par un autre moyen

      c'est pour ca que j'ai souligné name
      il identifie mon form pour le javascript du bouton mais ce n'est pas valide !
      je doit donc changer ca mais je ne sais pas comment
      1
      1. Contributeur
        pour "corser un peu la difficulté pour un bouton avec un jolie design" utilise CSS c'est fait pour ça !!!

        ou alors tu peux prendre un <input /> graphique ou tu mettras un bitmap à toi et zou c'est joli et ça fonctionne partout !
        <input type="image" src="image.png" />
        
        1
        1. sinon tu peux le faire sans id ni name

          si le lien est directement dans le formulaire
          <form method="post" action="traitement.php">
          <a href="javascript:this.parentNode.submit()" class="bouton"><span class="icon style_white_bold">Envoyer</span></a>
          
          </form> 

          ou autrement tu séléctionne ton formulaire avec document.forms[0], ou document.forms[1], ou 2, ou ...
          ça dépend de la place du formulaire dans la page

          j'arrive un peu en retard dsl ^^
          1
          1. Contributeur
            salut,

            et quelle est l'erreur ?

            normalement, tu n'as pas besoin d'un "name" sur <form>.
            0
            1. Contributeur
              ben utilise un "id".
              0
              1. svp g des gro pb
                0
                1. Contributeur
                  mais dégage de là, on n'a pas la réponse à ton problème et on parle d'autre chose !

                  et arrête d'écrire comme ça !!!
                  0
              2. non ca ne marche pas avec un id dalida !
                je ne sais pas pourquoi
                j'ai pensé a ca tout de suite

                ps : merci de faire le menage dans mon topic ^^
                0
                1. Contributeur
                  tu utilises quoi comme script JS pour soumettre le formulaire ?
                  0
                  1. j'ai mis tout le code de ce que j'utilisais
                    0
                    1. Contributeur
                      lol !

                      j'aurais dû lire on aurait fini depuis longtemps !

                      il te faut un <input />, pas un lien :
                      <form method="post" action="traitement.php">
                      	<!-- blablabla -->
                      	<input type="submit" value="Envoyer"/>
                      </form> 
                      0
                      1. oui je sais très bien ^^
                        evidement ca marche avec un input
                        mais j'essaye de corser un peu la difficulté pour un bouton avec un jolie design :p
                        donc il doit y avoir un moyen pour faire marcher ca avec un lien !

                        disons que en lien avec (name) ca marche
                        input ca marche

                        mais id a la place de name marche plus ...
                        0
                        1. mais justement c'est en css , je n'utilise plus que ca une image tres legere avec survol de la souris et icone inserer à l'interieur

                          je vais essayer de voir si je peu l'aplliquer sur le input mais c'est pas gagné !

                          voici le css que j'utilise pour le lien

                          a.bouton{display: block;background-image: url(image_du_site/bouton1.png);background-repeat: no-repeat;width: 120px;height: 25px;text-align: center;font-family: Arial, Helvetica, sans-serif;font-size: 100%;font-weight: bold;text-decoration: none;padding: 5px 0 0 0;}
                          a.bouton:visited {color: #fdfdfe;}
                          a.bouton:hover{background-image: url(image_du_site/bouton2.png);color: #fdfdfe;}
                          .icon {background-image: url(image_du_site/valide1.png);display: inline-block;background-repeat: no-repeat;padding: 0 0 0 20px;}
                          a.bouton:hover .icon{background-image: url(image_du_site/valide2.png);}

                          je redonne le code du lien :

                          <a href="javascript:document.nous_contacter.submit()" class="bouton"><span class="icon style_white_bold">Envoyer</span></a>

                          voila si tu peu me dire comment modifier pour un input
                          0
                          1. Contributeur
                            salut,

                            tant qu'à faire du valide, autant donné du sens à ton formulaire.

                            tu peux faire la même chose avec un <input> qu'avec un <a>, regarde cet exemple.
                            il est pas joli mais c'est juste un exemple !
                            -:oD

                            tu as deux boutons un "reset" et un "submit" mis en forme, le premier uniquement en jouant sur la police et les couleur de premier et arrière plan, le deuxième avec une image de fond, chacun est animé au survol.

                            dans le deuxième <form> un bouton "image" juste pour montrer que ça existe aussi !
                            -;o)

                            à plus !
                            0