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. 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
      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. 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
            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. 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. 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. j'ai mis tout le code de ce que j'utilisais
                  0
                  1. Contributeur
                    tu utilises quoi comme script JS pour soumettre le formulaire ?
                    0
                    1. 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. 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. 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
                          salut,

                          et quelle est l'erreur ?

                          normalement, tu n'as pas besoin d'un "name" sur <form>.
                          0