Aide validation (deux ch'tites erreurs)

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

oui, les & sont en fait & sinon ça te fait 2-3 erreurs chaque fois. Rassure-toi, &amp est interprété &, donc c'est bien juste.
Error: element br not allowed here; possible cause is an inline element containing a block-level element
Tu dois mettre un <fieldset> ou un <p>... ou n'importe quel élément de bloc (div, ul...)
Error: there is no attribute align for this element (in this HTML version)
Et le CSS ?
Aucune balise de mise en forme en xhtml 1.0 strict, on a dit :wink: :twisted:
Hoaxyde
Lézard à collerette
Messages : 207
Inscription : 27 févr. 2004, 21:24

Message par Hoaxyde »

calimo a écrit :oui, les & sont en fait & sinon ça te fait 2-3 erreurs chaque fois. Rassure-toi, &amp est interprété &, donc c'est bien juste.
J'y avais même pas pensé :shock:
Dans l'URL de la fnac, il y a 6 "&" :lol:
Error: element br not allowed here; possible cause is an inline element containing a block-level element
Tu dois mettre un <fieldset> ou un <p>... ou n'importe quel élément de bloc (div, ul...)
Ou ? Je dois inclure mes élements (mon br, mes input) dans un <fieldset> ou un <p>... ou n'importe quel élément de bloc (div, ul...) ? mais pourquoi ?
Et, au passage, c'est quoi <fieldset> ? :lol:
Error: there is no attribute align for this element (in this HTML version)
Et le CSS ?
Aucune balise de mise en forme en xhtml 1.0 strict, on a dit :wink: :twisted:
Ah, ça m'a échappé :lol:

Merci à vous tous ;)
Hoaxyde :lol:

Dessin de l'avatar par L.L. de Mars . Colorisation, arrangements et tout le reste par moi...
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

ClémentD a écrit :Il ne manque plus que le selected et c'est bon c'est un gros méchant formulaire
selected ? C'est pas trop grave ça...
Par contre "<form action="#" onsubmit="return valider()">" : ça ça mérite la pendaison en place publique :lol:

Hoaxyde > Où tu veux, en dehors ou en dedans de <form> je crois que ça ne change rien.
http://openweb.eu.org/articles/formulaire_accessible/ :

Code : Tout sélectionner

<form action="...">
  <p>
    <label for="nom">Nom :</label>
    <input type="text" id="nom" />
  </p>
</form>
Moi je te propose plutôt

Code : Tout sélectionner

<form action="...">
  <fieldset>
    <legend>Description du formulaire</legend>
    <label for="nom">Nom :</label>
    <input id="nom" />
  </fieldset>
</form>
En fait avec fieldset je ne crois pas qu'il y ait encore besoin d'un <p> (à confirmer).
fieldset te fait en fait un cadre pour regrouper plusieurs inputs. Tu peux en mettre plusieurs dans un seul form si tu as de grosses pages de formulaires comme j'avais vu.
Hoaxyde
Lézard à collerette
Messages : 207
Inscription : 27 févr. 2004, 21:24

Message par Hoaxyde »

Vi ! Merci, je ne connaissais pas :wink:

Mais.... "onSubmit" , c'est mauvais :shock: :( ?
Hoaxyde :lol:

Dessin de l'avatar par L.L. de Mars . Colorisation, arrangements et tout le reste par moi...
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

Hoaxyde a écrit :Vi ! Merci, je ne connaissais pas :wink:

Mais.... "onSubmit" , c'est mauvais :shock: :( ?
C'est mauvais si c'est utilisé avec "action="#"", c'est-à-dire si tu est obligé de passer par javascript pour envoyer le formulaire. Évidemment pour ceux qui ont pas le javascript :?
Mais si tu as action="submit.php" onsubmit="verif()", il n'y a pas de problème, le formulaire est bien envoyé :wink:
Hoaxyde
Lézard à collerette
Messages : 207
Inscription : 27 févr. 2004, 21:24

Message par Hoaxyde »

Ok... En fait, je cherche comment pour faire que, quand on tape dans mon moteur de recherche moins de trois mots (ou si on lance la recherche vide), une alerte javascript s'affiche en disant :
Votre recherche doit comporter au moins trois caractères.
Merci de compléter.
Car mon script buggue dans les include lors de cette solution, je veux donc empecher les gens d'accéder à une page comme ça...

Et je pense que le "onSubmit" y ets pour qql chose.

Merci :wink:
Hoaxyde :lol:

Dessin de l'avatar par L.L. de Mars . Colorisation, arrangements et tout le reste par moi...
DJiK
Lézard à collerette
Messages : 474
Inscription : 17 févr. 2004, 13:18

Message par DJiK »

calimo a écrit :Mais si tu as action="submit.php" onsubmit="verif()", il n'y a pas de problème
Ben t'as vite appris! :P Y'a 3 jours tu disais que tu savais pas valider les formulaires. :wink:


PS: Oups! verif(this)
Et on déclare verif(monformulaire) {...} :mrgreen:
http://openweb.eu.org/articles/validation_formulaire/
Hoaxyde
Lézard à collerette
Messages : 207
Inscription : 27 févr. 2004, 21:24

Message par Hoaxyde »

Super ton lien ! Personne ne saurait adapter pour faire que, quand on tape dans mon moteur de recherche moins de trois mots (ou si on lance la recherche vide), une alerte javascript s'affiche en disant :
Votre recherche doit comporter au moins trois caractères.
Merci de compléter.
:P :P

Merci :wink:

++
Hoaxyde :lol:

Dessin de l'avatar par L.L. de Mars . Colorisation, arrangements et tout le reste par moi...
DJiK
Lézard à collerette
Messages : 474
Inscription : 17 févr. 2004, 13:18

Message par DJiK »

Arf! Moi en Javascript je sais que faire du copier-coller! :mrgreen:
SB
Varan
Messages : 1095
Inscription : 05 mars 2004, 18:38

Message par SB »

Pareil. Tu me l'aurais demandé en visual basic je te le sortais mais en javascript. :(
En théorie, c'est possible, il suffit de faire un code qui examine les caractères entrés à la recherche d'au moins 2 espaces (1 entre chaque mot), mais en pratique je ne connais pas la syntaxe javascript. Désolé.
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

DJiK a écrit :Ben t'as vite appris! :P Y'a 3 jours tu disais que tu savais pas valider les formulaires. :wink:
Il y a une différence entre savoir valider le formulaire (=coder le javascript) et savoir comment mettre en place la validation (=avoir lu l'article d'Openweb sur la validation des formulaires, que je n'ai lu qu'en diagonale vu que je ne sais de toute façon pas le javascript ):wink:
Hoaxyde
Lézard à collerette
Messages : 207
Inscription : 27 févr. 2004, 21:24

Message par Hoaxyde »

C'est bon, j'ai mon script mais deux erreurs sont apparues :
* Line 28, character 23:

if(ga_array.length < 3)

Warning: character < is the first character of a delimiter but occurred as data

* Line 43, character 32:

... iv class="moteur"><form name="recherche" action="../recherch ...

Error: there is no attribute name for this element (in this HTML version)
je comprend pas, alors merci :wink:
Hoaxyde :lol:

Dessin de l'avatar par L.L. de Mars . Colorisation, arrangements et tout le reste par moi...
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

Le javascript, il doit être inséré dans une section CDATA

Code : Tout sélectionner

<![CDATA[
 le code du script
 ]]>
Sinon le parser (qui analyse ton code) va voir le < et croire que c'est le début d'un tag.

Pour le name, tu dois utiliser "id" à la place (surtout en xhtml 1.1).
Hoaxyde
Lézard à collerette
Messages : 207
Inscription : 27 févr. 2004, 21:24

Message par Hoaxyde »

calimo a écrit :Le javascript, il doit être inséré dans une section CDATA

Code : Tout sélectionner

<![CDATA[
 le code du script
 ]]>
Sinon le parser (qui analyse ton code) va voir le < et croire que c'est le début d'un tag.

Pour le name, tu dois utiliser "id" à la place (surtout en xhtml 1.1).
Bé oui, mais avec mon "<![CDATA[ ", mon script marche plus... C'ets quoi ce truc :( ?

------------>

<![CDATA[
<script type="text/javascript">
function verifValue (ao_champ)
{
ga_array=ao_champ.value.split("");
if(ga_array.length < 3)
{
alert("Votre recherche doit comporter au moins 3 caracteres \n Merci de completer")
return false;
}
else
{
document.forms.recherche.submit();
return true;
}
}
</script>
]]>


Merci pour le ID ;)

Edit : en fait il faut mettre <!-- au début du script, et --> à la fin !!!

Merci ;)
Hoaxyde :lol:

Dessin de l'avatar par L.L. de Mars . Colorisation, arrangements et tout le reste par moi...
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

En fait il daut mettre <script><![CDATA[ ]]></script> je crois (pas sûr j'ai jamais essayé :wink: )
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité