Faites le plein de ressources Javascript pour améliorer vos formulaires

Publié le

Vous souhaitez mettre votre solution en avant en haut de cet article ? Contactez-nous



Aujourd'hui, le BlogDuWebdesign vous propose cette liste de 9 ressources Javascript pour améliorer l'accessibilité et l'UX de vos prochains formulaires.

Que ce soit le pour s'inscription à votre site ou pour payer sur votre e-commerce, les formulaires sont souvent le point qui peut tout changer au niveau de votre conversion. Pou vous aider dans la création d'un bon formulaire avec une bonne UX, je vous propose cette liste de 10 ressources Javascript. Bonne découverte.

Validetta

Comme son nom l'indique, Validetta vous permettra de mettre en place une validation en Javascript de vos formulaires. Attention, cette validation doit venir en plus de la validation serveur, pas à la place !

Skeuocard

Pour simplifier l'étape de paiement sur internet, cette librairie très intéressante permet de détecter le type de carte dont vous disposez en fonction de son code, pour ensuite adapter son design et proposer les bons champs supplémentaires.

jQuery auto-correct

Librairie à mi-chemin entre un input simple et de l'auto-suggestion, Auto-correct laisse vos utilisateurs entrer la valeur de leur choix, tout en leur proposant un correctif.

hideShowPassword

Plutôt que de proposer à vos utilisateurs d'entrer leurs mots de passe deux fois lors de l'inscription, laissez-leur don ça possibilité de le vérifier en direct !

How Secure Is My Password?

Plutôt que d'obliger vos utilisateurs à entrer un mot de passe contenant 12 lettres, 4 majuscules, de la ponctuation et le nom d'un président de la IIIe république, cette librairie vous propose de leur montrer en live la puissance de leur mot de passe. Libre à eux ensuite de prendre leurs responsabilités.

 

Formplate

Formplate est une petite lib js et CSS vous assurant un loot et un comportement identiques pour vos formulaires quel que soient le navigateur et la plateforme.

Dropzone

Transformez vos input file en zones acceptant le drag n drop avec Dropzone.

Magic Suggest

Profitez de l'autosuggestion à moindres couts avec vos select

Flexselect

Flexselect transforme les select HTML, très rigides, en des champs flexibles, adaptables et très simple à personnaliser.

 

By Benjamin Sanchez

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *