Divers - problème de formulaire HTML / CSS / JS

Divers - problème de formulaire HTML / CSS / JS - Divers - Programmation

Marsh Posté le 06-02-2022 à 10:36:39    

Bonjour,

 

Je fais une formation HTML / CSS / Javascript et je suis sur mon projet final qui est un formulaire avec des caractéristiques particulières. C'est mon premier exercice avec tout ensemble donc je galère un peu  :D

 

J'ai quelques petits soucis, voici le premier

 

Je dois mettre un champ code postal sur mon site, donc la longueur du champ doit être de 5 max et ne comporter que des chiffres. Voici ce que j'ai prévu

 

<input type="text" name="postal" maxlength="5" pattern=”[0-9]{5}” value="" />

 

Le problème c'est que j'obtiens un message d'alerte : "Please match the specified format". Est ce que c'est la répétition entre maxlength et pattern qui pose problème?

 

Merci pour votre aide

Message cité 2 fois
Message édité par louloute_78 le 06-02-2022 à 10:37:10
Reply

Marsh Posté le 06-02-2022 à 10:36:39   

Reply

Marsh Posté le 07-02-2022 à 07:54:26    

Les patterns semblent plus ou moins bien marcher selon les navigateurs :/
Perso, j'aurais fait le contrôle avec une fonction javascript au moment du blur du champ et de l'envoi du formulaire.


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 07-02-2022 à 12:34:21    

rufo a écrit :

Les patterns semblent plus ou moins bien marcher selon les navigateurs :/
Perso, j'aurais fait le contrôle avec une fonction javascript au moment du blur du champ et de l'envoi du formulaire.


 
 
Bonjour !
C'est quoi le blur ?

Reply

Marsh Posté le 07-02-2022 à 13:20:24    

La perte de focus du champ (quand on change de champs de saisie en gros).


---------------
D3
Reply

Marsh Posté le 07-02-2022 à 13:30:16    

Merci beaucoup !

Reply

Marsh Posté le 07-02-2022 à 19:32:21    

louloute_78 a écrit :

<input type="text" name="postal" maxlength="5" pattern=[0-9]{5} value="" />


Pas les bons guillemets ?


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
Reply

Marsh Posté le 07-02-2022 à 20:27:54    

J'ai pris ça pour une erreur de saisie sur le topic mais si c'est dans le code, ça peut être une piste.


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 07-02-2022 à 22:08:19    

louloute_78 a écrit :


J'ai quelques petits soucis, voici le premier
 
<input type="text" name="postal" maxlength="5" pattern=”[0-9]{5}” value="" />
 
 
 
Merci pour votre aide


Si tu es certain de ne vouloir que des chiffres, tu dois mettre un autre type d'input.
Et plus besoin de pattern.
 
https://developer.mozilla.org/en-US [...] put/number

Reply

Marsh Posté le 07-02-2022 à 23:01:36    

MaybeEijOrNot a écrit :


Pas les bons guillemets ?


 
Effectivement, c'est bien ça  [:oxy2] J'ai cherché tellement longtemps en plus!!!
Merci
 

David Boring a écrit :


Si tu es certain de ne vouloir que des chiffres, tu dois mettre un autre type d'input.
Et plus besoin de pattern.
 
https://developer.mozilla.org/en-US [...] put/number


 
J'avais vu ça effectivement. Je vais changer du coup!  
Merci à toi
 
 

Reply

Marsh Posté le 08-02-2022 à 07:45:05    

Sauf que number ba limiter la taille des nombres mais ne t'empêchera pas de mettre "1" comme code postal et ce n'est pas ce que tu veux.


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed