CONNEXION
  • RetourJeux
    • Tests
    • Soluces
    • Previews
    • Sorties
    • Hit Parade
    • Les + attendus
    • Tous les Jeux
  • RetourActu
    • Culture Geek
    • Astuces
    • Réalité Virtuelle
    • Rétrogaming
    • Toutes les actus
  • RetourHigh-Tech
    • Actus JVTECH
    • Bons plans
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTECH
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch
    • Xbox Series
    • Overwatch 2
    • FUT 23
    • League of Legends
    • Genshin Impact
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • PS4
  • One
  • Switch
  • Wii U
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Etoile Abonnement RSS

Sujet : Erreur dans un formulaire

DébutPage précedente
1
Page suivantePage suivante
JoIie JoIie
MP
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 JoIie
MP
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 yes-man
MP
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 JoIie
MP
Niveau 10
23 juillet 2014 à 11:42:09

Ta correction est le même programme que le miens

yes-man yes-man
MP
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 JoIie
MP
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 yes-man
MP
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 JoIie
MP
Niveau 10
23 juillet 2014 à 13:02:06

En dynamique avec javascript

JoIie JoIie
MP
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 Juroku
MP
Niveau 3
23 juillet 2014 à 15:03:48

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

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

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

Juroku Juroku
MP
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

DébutPage précedente
1
Page suivantePage suivante
Répondre
Prévisu
?
Victime de harcèlement en ligne : comment réagir ?
Infos 0 connecté(s)

Gestion du forum

Modérateurs : Thymotep
Contacter les modérateurs - Règles du forum

Sujets à ne pas manquer

La vidéo du moment