10 ressources javascript pour créer vos formulaires

Les formulaires sont sans conteste un des piliers du web actuel. Ils sont la clé de voute de toute application nécessitant de communiquer avec les visiteurs, et sont donc à considérer avec le plus grand soin, tant au niveau des interactions qu'au niveau de l'expérience utilisateur.

Pour vous aider à peaufiner vos formulaires, je vous propose ici une série de 10 ressources jquery centrées sur la mise en place, la vérification et la personnalisation des formulaires.

Floatlabels

J'en ai déjà parlé, mais les placeholders sont pour moi une erreur sur le plan expérience utilisateur : une fois que l'on a commencé à tapper, le titre du champ n'est plus accessible. Il faut donc vider et quitter le champ pour retrouver cette information.

FloatLabels vous propose de transformer ces placeholders en labels quand ils ne sont plus accessibles.

Placeholdem

Si vous ne voyez pas les choses de la même manière que moi, et voulez utiliser tout de même des placeholders, je vous propose de les animer légèrement avec placeholdem, pour simplifier la compréhension de l'utilisateur.

Validetta

Bien que non suffisante pour des raisons évidentes de sécurité, il est toujours agréable pour l'expérience utilisateur de mettre en place une validation des formulaires en Javascript. De cette manière, les retours sont immédiats, et les données du formulaire sont conservées.

Passy

Passy est une petite ressource vous permettant de vérifier la force des mots de passe de vos utilisateurs.

Power ranger

Power ranger vous permet de dynamiser vos input numéraires.

jQuery Color picker

jQuery color picker est un slider ayant pour particularité de proposer un slider basé sur les perceptions humaines plutôt que les simples données physiques des couleurs.

Stop verbosity

Stop verbosity vous permet de manière très rapide et efficace d'imposer une limite de caractères dans un textarea.

Long press

Longpress vous permet d'afficher un volet avec différents accents en laissant le doigt sur une touche de lettre.

Accounting

Accounting est une ressource simplifiant le formatage de nombres et monnaies en tous genres.

Autotab

Autotab vous permet de passer automatiquement au champ suivant une fois un champ rempli, un peu à la manière des clées de licences ou des numéros de carte bleue