Question Est-il possible de configurer un champ requis pour ignorer les espaces blancs?


le Champs obligatoires l'attribut HTML5 est très pratique:

<input type="text" required>

Mais il permet toujours aux utilisateurs d'entrer uniquement dans les espaces blancs. Y a-t-il une solution HTML uniquement à cela?


19
2017-12-07 15:25


origine


Réponses:


Essaie le pattern attribut. Tu auras besoin une regex qui spécifie «au moins un caractère».


11
2017-12-08 17:28



Utilisez le pattern attribut combiné avec le required attribut. Et assurez-vous d'inclure un title attribut également, puisque la plupart des navigateurs insèrent le texte du titre dans la bulle contextuelle de validation.

<input required pattern=".*\S+.*" title="This field is required">

le .*\S+.* pattern nécessite au moins un caractère non blanc, mais autorise également les caractères blancs (espaces, tabulations, retours chariot, etc.) au début ou à la fin. Si vous ne voulez pas que l'utilisateur puisse mettre des espaces au début / à la fin, utilisez plutôt ceci:

<input required pattern="\S+" title="This field is required">

33
2018-06-26 14:56