PUBLIC MARKS from eledo34 with tags jQuery & formulaires

TextExt jQuery: un plugin pour créer des input text riches et ergonomiques:

Chosen est un script JS permettant de transformer vos select boxes en select plus riches et ergonomiques. Chosen est un script JS permettant de transformer vos select boxes en select plus riches et ergonomiques. A la fois compatible jQuery et Prototype, Chosen vous permettra de proposer à vos visiteurs une utilisation plus riche lors de la sélection d'items dans une select box. En effet, à partir d'une simple select box HTML, qu'elle soit à sélection simple ou multiple, le script va transformer le markup HTML pour proposer différentes améliorations:

Sisyphus.js est un plugin jQuery qui permet de sauvegarder automatiquement les données des formulaires de vos visiteurs pour les restaurer en cas de crash navigateur etc. Sisyphus.js est un plugin jQuery qui permet de sauvegarder automatiquement les données des formulaires de vos visiteurs pour les restaurer en cas de crash etc. Quoi de plus rageant qu'un navigateur qui crash ou fermé accidentellement alors que l'on avait quasi terminé un formulaire en 8 étapes ...

Lors de la création d'un formulaire en ligne, vérifier que tous les champs sont remplis correctement peut être une véritable corvée. La pénibilité croit exponentiellement avec la taille du formulaire. Inline form validation - un plugin de validation de formulaire jquery Heureusement, ce plug-in jquery permet de vous faciliter la tâche en ajoutant un contrôle sur chaque champ de votre formulaire. Il existe différents types de validateurs :

mise en forme sympa de SELECT avec JQUERY

DropKick est un plugin JQuery pour créer des selects plus stylés et intéractifs pour vos formulaires HTML. Un select en HTML avec DropKick DropKick fait beaucoup penser à JQuery Mobile: il transforme vos selects box en masquant les différentes options et les affiche uniquement au clic de ces derniers. Seule la valeur selectionnée apparait de base.

jQuery File Upload est un plugin basé sur jQuery et HTML5. Il ne nécessite aucun module pour votre navigateur comme c’est le cas pour les Uploaders réalisés avec Flash. Parmi ses fonctionnalités, jQuery File Upload, permet d’uploader des fichiers multiples en affichant une barre de progression pendant le téléchargement ainsi qu’une miniature si votre fichier est une image. jQuery File Upload utilise XMLHttpRequest ou une iframe selon les technologies disponibles sur le navigateur. Si javascript est désactivé, c’est un bouton input de type file qui prend la relève.

JLabel est un plugin JQuery qui vous permet de pré-remplir vos inputs avec style via le texte de vos balises labels. Attention: ce plugin ne pré-rempli pas à proprement parlé vos champs textes, c'est juste un effet qui fait apparaitre vos labels sur vos champs, et non une valeur (value) attribuée par défaut. Si vous validez le formulaire sans rentrer du texte, le champ sera vide ! Exemple avec JLabel Avec ce plugin, vos labels apparaissent directement dans les champs auquels ils sont associés. Lorsque l'internaute clique sur un champ, le label s'efface progressivement pour lui permettre d'entrer du texte. Grâce à ce plugin, on comprend directement à quoi correspondent les inputs et quelles informations on doit entrer. En somme, cela propose une expérience utilisateur accrue.

Jquery pour validation de formulaire - Verif Mail / web / etc... Sympa - à tester

Formulaire avec ajout zone à la volée - injection data - livré avec API - Sympa à regarder de + près

Une valeur par défaut dans un élément de formulaire. Elle disparait quand ce champ prend le focus et réapparait quand elle le perd si rien n’a été saisie. Voila en quelques lignes de jQuery comment réaliser cela

Validity est un plugin jQuery complet permettant d'ajouter de la validation sur les champs de vos formulaires du côté client. Validity - Un plugin jQuery de validation de formulaires Proposer de la validation côté client peut être intéressant pour vos visiteurs. Ils n'auront pas à attendre la validation serveur et le refresh des données pour se rendre compte qu'il manque des infos ou que certaines sont erronées. Et ils ne seront pas frustrés d'avoir rempli un formulaire complet qui se réaffichera vide à cause d'une petite erreur (Bon sang, rechargez les données de vos formulaires s'il y'a des erreurs, il n'y'a rien de mieux pour perdre des inscriptions!). Validity est un plugin simple à utiliser et complet. Vous trouverez un grand nombre de validateurs prêts à emploi: * Champ requis * Champ doit correspondre à une regex * Champ validé par Ajax * Champ compris entre deux valeurs * Champ égal, inférieur ou supérieur à une valeur * Taille maximum ou minimum d'un champ * Etc. Depuis : http://www.lafermeduweb.net/billet/validity-un-plugin-jquery-de-validation-de-formulaires-avance-899.html

Mise en page de formulaire

slideLock est une alternative aux captchas traditionnels pour protéger ses formulaires web.

Uniform est un plugin jQuery qui vous permettra de personnaliser vos formulaires. jQuery est utilisé pour “transformer” à la volée les éléments de base (Boite de sélection, boites à cocher, boutons radio…) par les éléments personnalisés.

Disable On Submit est un plugin jQuery qui désactive le bouton Submit une fois que le formulaire a été envoyé une première fois. Testé sur IE6 , FF3, Opera 9, et Safari 4. L’utilisation est très simple, puisqu’il suffit de :