Discussion :

[toutoune95800]

Bonjour, je débute en js, et je suis au niveau -2 chez les débutants !

J'essaie de faire une chose très simple, pour vous...

J'ai un formulaire composé simplement de liste et d'un input, un seul.

Je voudrais qu'à la validation du formulaire, un texte java s'affiche à côté de la liste que l'utilisateur n'a pas rempli.

Voici mon code html

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<p> <label for="accueil2">Quelle note attribueriez-vous à l'accueil pour ce restaurant ?</label><br />
       <select name="accueil2" id="accueil2">
	       <option value="v">--</option>
		   <option value="0">00</option>
           <option value="1">01</option>
           <option value="2">02</option>
           <option value="3">03</option>
           <option value="4">04</option>
           <option value="5">05</option>
           <option value="6">06</option>
           <option value="7">07</option>
           <option value="8">08</option>
	   <option value="9">09</option>
	   <option value="10">10</option>		   
       </select>
   </p>

Ma page se valide avec code PHP qui fonctionne très bien mais il ouvre une nouvelle page et l'utilisateur doit revenir en arrière. Je voulais un dynamiser tout ça.

Voici l'input :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

   <p><label for="pseudo">Votre pseudo</label> :<br/> <input type="text" name="pseudo" id="pseudo" placeholder="30 caractères" maxlength="30" /></p>

Pour le pseudo, c'est le même principe, il ne doit pas être vierge...

Voila, donc si quelqu'un à une petite idée...

J'ai chercher et je ne suis arrivé à aucun résultat.

J'avais rajouter une ligne sous chaque liste avec un span. Je voulais les laisser afficher tant que la valeur était égale à "v", valeur attribué à l'option :"--" de mon option.

Mais je n'ai jamais réussi cet exploit !

Merci beaucoup à ceux qui s'intéresseront à ce petit problème.

[Bovino]

Tu peux déjà commencer par mettre un attribut required sur les champs obligatoires...

[toutoune95800]

Effectivement, cela fonctionne très bien mais est-ce vraiment une méthode sûre ? Et, comme ma liste représente une note, l'info bulle prends la taille de la note, donc on ne voit pas toute la bulle d'information s'afficher. Et peut-on en changer le texte ?

[Bovino]

L'API HTML5 de contrainte de validation.

[toutoune95800]

L'API HTML5 de contrainte de validation.

Merci pour ce cours très intéressant mais, au final, après avoir bien lu, je vais rester sur du simple php avec une validation sur la page POST. Car d'après tout ce que j'ai pu comprendre, tous les navigateurs ne gère pas l'API. Où, il faut vraiment s'y connaître en JS !

Mais merci beaucoup du coup de main !

[Bovino]

Les deux ont des objectifs différents et ne sont pas interchangeables.
La validation au niveau du navigateur n'a pour but que le confort des utilisateurs bien intentionnés.
Donc si certains de ces utilisateurs ont un navigateur trop ancien, ce n'est pas trop grave.

La validation côté serveur (PHP) est quant à elle obligatoire car liée à la sécurité des données reçues.

Tu peux donc tout à fait coupler les deux et ainsi les utilisateurs dont le navigateur supporte ces fonctionnalités n'auront pas à recharger la page en cas d'erreur de saisie.