Jeu vidéo de gestion d'entreprise steampunk

Développement de FormHandle : gestion automatique de vos formulaires de A à Z

Imprimer E-mail

FormHandleDans le cadre du développement du jeu FirmLife nous avons développé un nouveau plugin pour jQuery appelé FormHandle.

Pour ceux qui ne connaissent pas, jQuery est une bibliothèque écrite en JavaScript qui permet entre autres la manipulation des éléments d'une page web très facilement et de manière compatible avec tous les navigateurs.

Qu'est-ce que le plugin FormHandle ?

 Le plugin que nous avons développé permet la gestion complète des formulaires de leur validation à leur résultat, le tout dynamiquement et sans recharger la page !

Concrètement, voici ce que fait ce plugin :

  • Validation du formulaire depuis le client, l'empêchant de s'envoyer tant que tous les champs ne sont pas remplis correctement.
  • Affichage dynamique des messages d'erreur à côté des champs mal remplis.
  • Grand éventail des règles de validation incluant la validation d'adresse e-mail, la validation de lien, les restrictions de taille, la comparaison de champs, etc...
  • Personnalisation des messages d'erreur pour chaque champs et chaque règle de validation.
  • Les règles de validation et les messages d'erreur peuvent être définis directement dans les balises HTML des champs.
  • Envoi de formulaire très simple utilisant de l'Ajax (sans rechargement de la page) et sans configuration nécessaire.
  • Récupération automatique de la réponse du serveur (formatée en Json et respectant un format simple).
  • Interprétation automatique de la réponse du serveur pour afficher le bon message de succès ou d'erreur.
  • Cache automatiquement le formulaire et affiche le block de succès avec le message voulu en cas de succès.
  • Affichage automatique des messages d'erreurs à côté des champs qui n'ont pas pu être validés du côté client (comme un Captcha).
  • Il est possible de personnaliser des parties du processus de traitement des réponses serveur (pour recharger un Captcha en cas d'erreur par exemple).
  • Très personnalisable.

En utilisant ce plugin vous pouvez donc très simplement (via quelques lignes de code simples) lorsque vous avez un formulaire, faire en sorte qu'il ne s'envoie pas tant que tous les champs ne sont pas biens remplis. Dans ce cas, un message d'erreur s'affichera automatiquement à côté d'eux. Ensuite lorsque vous avez bien rempli tous les champs vous pouvez envoyer le formulaire (sans rechargement de la page) et le plugin va se charger de récupérer la réponse du serveur et de modifier le formulaire pour afficher un block de succès ou des messages d'erreurs selon le résultat.

FirmLife l'utilise ! 

En effet, ce plugin nous est très utile pour la gestion de tous nos formulaires dans le jeu FirmLife, alors si vous aussi vous développez un site web comportant des formulaires nous vous conseillons vivement d'utiliser ce nouveau plugin jQuery !

Un site web lui est dédié à cette adresse: http://dev.firmlife.net/formhandle.

N'hésitez pas à tester ce plugin et à nous donner votre avis ! Et aussi n'hésitez pas à le partager avec vos amis !

Postez votre commentaire...

    Newsletter

    Image aleatoire

    Qui est en ligne ?

    Nous avons 248 invités et aucun membre en ligne

    Calendrier

    << < décembre 2017 > >>
    Lu Ma Me Je Ve Sa Di
            1 2 3
    4 5 6 7 8 9 10
    11 12 13 14 15 16 17
    18 19 20 21 22 23 24
    25 26 27 28 29 30 31

    Twitter

    Twitter