Formulaire et validation w3c ...

Fermé
leod Messages postés 98 Date d'inscription samedi 12 janvier 2008 Statut Membre Dernière intervention 30 janvier 2009 - 12 sept. 2008 à 18:43
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 14 sept. 2008 à 21:58
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

16 réponses

leod Messages postés 98 Date d'inscription samedi 12 janvier 2008 Statut Membre Dernière intervention 30 janvier 2009 2
13 sept. 2008 à 08:24
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
leod Messages postés 98 Date d'inscription samedi 12 janvier 2008 Statut Membre Dernière intervention 30 janvier 2009 2
12 sept. 2008 à 20:00
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
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 922
13 sept. 2008 à 00:03
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
nEm3sis Messages postés 710 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 9 avril 2012 113
13 sept. 2008 à 14:07
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

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 922
12 sept. 2008 à 19:34
salut,

et quelle est l'erreur ?

normalement, tu n'as pas besoin d'un "name" sur <form>.
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 922
12 sept. 2008 à 20:02
ben utilise un "id".
0
charlo100 Messages postés 62 Date d'inscription jeudi 11 septembre 2008 Statut Membre Dernière intervention 24 mars 2009
12 sept. 2008 à 20:02
boujour vs ki aver lére de vs y conetre pourier vs m'aider http://www.commentcamarche.net/forum/affich 8378705 ou rentre son identifien de conection svp
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 922
12 sept. 2008 à 20:05
salut,

ce qu'il te faut c'est un correcteur d'orthographe !!!

et disparaît d'ici, on a pas besoin de toi, squatteur de discussion !
0
charlo100 Messages postés 62 Date d'inscription jeudi 11 septembre 2008 Statut Membre Dernière intervention 24 mars 2009
12 sept. 2008 à 20:07
svp g des gro pb
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 922
12 sept. 2008 à 20:10
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
charlo100 Messages postés 62 Date d'inscription jeudi 11 septembre 2008 Statut Membre Dernière intervention 24 mars 2009
12 sept. 2008 à 20:11
ok! s1pa les fr!
0
leod Messages postés 98 Date d'inscription samedi 12 janvier 2008 Statut Membre Dernière intervention 30 janvier 2009 2
12 sept. 2008 à 20:22
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
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 922
12 sept. 2008 à 21:49
tu utilises quoi comme script JS pour soumettre le formulaire ?
0
leod Messages postés 98 Date d'inscription samedi 12 janvier 2008 Statut Membre Dernière intervention 30 janvier 2009 2
12 sept. 2008 à 21:53
j'ai mis tout le code de ce que j'utilisais
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 922
12 sept. 2008 à 21:56
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
leod Messages postés 98 Date d'inscription samedi 12 janvier 2008 Statut Membre Dernière intervention 30 janvier 2009 2
13 sept. 2008 à 00:01
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
leod Messages postés 98 Date d'inscription samedi 12 janvier 2008 Statut Membre Dernière intervention 30 janvier 2009 2
13 sept. 2008 à 08:12
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
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 922
14 sept. 2008 à 21:58
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