Se connecter

Informatique

Création de sites web

Sujet : Erreur dans un formulaire
1
JoIie
Niveau 10
22 juillet 2014 à 15:05:18

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, qu'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/programmation-web/javascript/validation-formulaire.html

Sauf que je veux pas d'une alerte javascrit

Merci

JoIie
Niveau 10
22 juillet 2014 à 15:08:18

Et si il y a d'autre erreurs dans les autres champs (comme des chiffres dans les noms) le même procédé se réalise.

En gros si je me trompe dans le numéro et dans le nom deux encadrés en rouge apparaissent avec un message d'erreur à coté de chaque champs ou l'erreur est présente

yes-man
Niveau 11
22 juillet 2014 à 16:27:47

Ok bon déjà première remarque, on n'utilise jamais les tableaux pour faire ce genre de chose. Un tableau est utilisé pour mettre contenir et mettre en forme des données, ils ne doivent en aucun cas être utilisés pour aligner un formulaire, le CSS est là pour ça.

Deuxième remarque, ta vérification tu veux la faire en PHP ou en JS premièrement ?

Sinon, depuis HTML5 différents types existent pour les input, voir ici :

http://www.alsacreations.com/tuto/lire/1403-formulaire-html5-type-tel.html

Il existe donc l'attribut tel. Tu peux également remarquer la présence d'un pattern, qui sert à définir ce qui est autorisé ou non dans ce champ.
L'attribut required oblige les utilisateurs à remplir le champ cibler.

Voila donc une correction :

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

Tu peux tester par toi même, il est obligatoire de remplir les champs et dans un bon format. Evidemment, il faudra par la suite vérifier tout de même ces valeurs du côté serveur (PHP)

JoIie
Niveau 10
23 juillet 2014 à 11:42:09

Ta correction est le même programme que le miens

yes-man
Niveau 11
23 juillet 2014 à 11:50:46

Erf sorry, me suis trompé avec jsfiddle.
Ceci dit avec mes remarques tu aurais pu le construire toi même.

http://jsfiddle.net/BEpzq/

JoIie
Niveau 10
23 juillet 2014 à 12:01:27

Merci beaucoup pour la mise en forme du formulaire, j'utilisais toujours des tableaux.

J'avais déjà réussi à faire en sorte d'afficher le message "Veuillez compléter ce champ." le truc c'est que je voudrais afficher mon propre message et qu'il soit sur le coté (près du champ de texte)

yes-man
Niveau 11
23 juillet 2014 à 12:56:41

Ma question du premier poste est toujours valable dans ce cas, tu veux faire le vérif comment dans un premier temps? PHP ou JS en dynamique?

JoIie
Niveau 10
23 juillet 2014 à 13:02:06

En dynamique avec javascript

JoIie
Niveau 10
23 juillet 2014 à 13:48:21

Et pour les formulaires sans tableau, j'ai fais ceci :

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

Comment je peux centrer ce formulaire (le mettre au milieu de ma page) ?

Juroku
Niveau 3
23 juillet 2014 à 15:03:48

C'est ça que tu veux ?
http://jsfiddle.net/BEpzq/26/

JoIie
Niveau 10
23 juillet 2014 à 15:07:02

Oui, je peux mettre ce formulaire au milieu de ma page ?

Juroku
Niveau 3
23 juillet 2014 à 15:16:05

Ouai tu as juste à remplacer la div que j'ai ajouté par la div de ta page. Attention à bien mettre un width fixe à la div de ta page :)

Pseudo supprimé
Niveau 10
23 juillet 2014 à 15:35:54

Tu as l'input type="tel"

Pour les smartphones, si quelqu'un rempli le formulaire, il aura le clavier pour appeller et là, il a que la possibilité de mettre des chiffres (ou des étoiles).

Mais sur ordi, c'est pas pareil sur ordi c'est comme si c'était un type="text" donc il faut faire une condition en PHP. Avec une fonction nommée "is_numeric"

La condition serait :
$telephone = (int) intval($_POST['telephone']);

if(!is_numeric($telephone))
{
echo "Tout est ok";
}else{
echo "Pas ok";
}

Voilà, j'espère que je t'ai aidé !

Pseudo supprimé
Niveau 10
23 juillet 2014 à 15:37:11

Euh non trompé, enlève le "!" dans la condition

1
Sujet : Erreur dans un formulaire
News culture
La Planète des Singes : Le Nouveau Royaume - la révolution simienne est en marche !
   Retour haut de page
Consulter la version web de cette page