Discussion :

[Phpx1]

Bonjour à tous!



J'ai un pb avec un pattern sur ma date: JJ/MM/AAAA
1/ je peux saisir des caractères autres que numériques et malgré la long de (size:10),
2/ je peux saisir sans fin ex: 11/12/2011111111...
Je ne comprends pas trop ce qui se passe .

Code :

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

  <input type="text" pattern="[0-9]{2}-[0-9]{2}-[0-9]{4}" id="date" name="Date"  placeholder="JJ-MM-AAAA" size="10" >

REm: je l'ai mis exprès en Texte car je ne veux pas du cal.

[javatwister]

Bonjour,

remplace size par maxlength;

le pattern n'interdit pas une saisie fantaisiste mais te garantit que le formulaire ne sera pas soumis; un message d'erreur indiquera à l'utilisateur le bon format;

[Phpx1]

Merci pr ta réponse.
Je croyais que le pattern permettait le contrôle dès la saisie.
Si l'on souhaite qd même ce procédé, on doit nécessairement alors utiliser JS ?
(Étonnant qu'en htm5, il n'est pas prévu ça!)

[javatwister]

Ben en fait, c'est pas mal trouvé comme fonctionnalité, et pas besoin de JS pour interdire l'envoi;

Ce que tu peux faire, c'est ajouter l'info en title ou dans un label:

Code html :

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

<input type="text" title="Respectez le pattern sinon ça ne marchera pas." pattern="[0-9]{2}-[0-9]{2}-[0-9]{4}" id="date" name="Date"  placeholder="JJ-MM-AAAA" maxlength="10" >