Discussion :

[mitsukk1992]

Bonjour,

Voici mon formulaire :

http://jsfiddle.net/Y4VU4/1/

J'aimerais que si l'utilisateur rentre un numéro de téléphone avec des lettres par exemple, un message d'erreur s'affiche.

A l'aide des expressions régulières j'ai réussi à faire ça et à insérer un message d'erreur, le problème c'est qu'il s'affiche sur une autre page alors que j'aimerais qu'il s'affiche sur la même page si possible à coté du champ "téléphone" et que ce champ de texte soit encadré en rouge, comme ici :

http://www.phpascal.com/programmatio...ormulaire.html

Sauf que je veux pas d'une alerte javascript

Pareil, si il ya plusieurs erreurs dans les champs à remplir, ces champs deviennent rouge avec le message d'erreur à coté.

Merci

[Bovino]

Comment vérifier que l'utilisateur a renseigné un champ d'un formulaire ?

[mitsukk1992]

Merci pour ta réponse mais dans ton exemple c'est une alerte qui s'affiche et non un message d'erreur que j'aurais préalablement écrit qui s"affiche à côté du champ de texte ou l'erreur en question se trouve.

[Bovino]

le problème c'est qu'il s'affiche sur une autre page alors que j'aimerais qu'il s'affiche sur la même page

Ca répond néanmoins à ton problème...

Ensuite, il suffit d'adapter le code pour faire apparaitre un élément (un span par exemple) juste après ton champ qui indique le message d'erreur.

Ne pas oublier non plus les possibilités liées à HTML5 : L'API HTML5 de contrainte de validation.

[iakou]

Dans cette exemple, si le prenom n'est pas bon la zone correspondante est grisée :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
function verifPrenom(champ)
{
if ( /^[A-Z][a-z]+([ -][A-Z][a-z]+)*$/.test(champ) )
     {
     champ.style.backgroundColor = "silver";
     return false;
     }
else {
     champ.style.backgroundColor = "white";
     return true;
     }
}

Attention :
- la regex prévoit les prénoms composés,
- la table des couleurs CSS est sollicitée,
- si votre fond est blanc, quand c'est bon on met "white". Si vous avez une autre couleur de fond, il faut bien entendu appliquer cette couleur...
- Je ne l'ai pas testé...

[mitsukk1992]

Merci pour vos réponses,

J'ai réussi à faire ce que je voulais avec une autre méthode maintenant j'aimerais modifier mon formulaire de façon à ne plus avoir besoin d'utiliser un tableau, j'ai fait un test :

http://jsfiddle.net/BEpzq/1/

Le problème est que je n'arrive pas à centrer le tout au milieu de ma page.

[Bovino]

Ca n'a plus rien à voir du coup.
Il faut clore discussion et en créer une nouvelle dans le forum CSS.