Bonjour, merci pour la visite - J'espère que vous trouverez des informations utiles. mais aussi laisser un commentaire si vous avez des commentaires sur le sujet.
Formularvalildierung
Ce qui fait un bon site web? Il ya certainement beaucoup de points à elle, mais un très bon site diffère de la bonne moyenne souvent dans les petits détails qui «sent» bien quand l'exploitation d'un site Web. Ceci inclut une validation excellente forme. Mais quelles sont les différences et les facteurs de qualité dans la validation des données?
Lorsque les données doivent être vérifiées?
Le meilleur et le plus convivial à mon avis est un chèque directement à l'entrée de l'utilisateur. Ainsi, une validation de formulaire en ligne. À ce stade, l'utilisateur mettra l'accent sur le contenu du champ. Exactement à ce stade, vous devriez être averti des erreurs de mesure que vous tapez. Si l'utilisateur a plus tard à des entrées incorrectes doivent être dans le pire des cas, ce parchemin ne reviennent à la zone appropriée et traiter à nouveau avec les données nécessaires. Par conséquent, la validation primaire des données s'effectue directement après la saisie. Pour obtenir, même avec Javascript désactivé entrées correctes doivent avoir une inspection secondaire fait sur le côté serveur.
Attention: Si des erreurs nécessairement s'assurer que l'utilisateur reste les inscriptions reçues.
Des résultats similaires aussi Luc Wroblewski est à sa série de test . Dans ces tests, une augmentation du taux de conversion et le temps nécessaire a été démontré avec succès soumettre un formulaire.
Au cours de mes recherches pour cet article, j'ai été une fois de plus fait savoir que cette méthode de validation de formulaire sur de nombreux sites Web importants ne seront pas utilisés. La chose étrange est que de nombreux sites Web d'entreprises dont les ventes et le business model est très sensible à la forme sur le site. Mais ces formes semblent incompréhensible précis pour être négligée. Ainsi les messages d'erreur visible seulement après avoir soumis le bouton, puis perdus de vue les champs optiquement mis en évidence avec les entrées incorrectes ne sont pas marqués et, dans certains cas, même les entrées de l'expérience précédente. Si vous êtes maintenant considérer, par exemple, que un sur vingt visiteur envoie le formulaire n'est pas réussie, on peut facilement imaginer que de petites améliorations peuvent faire très rapidement payé.
Le freestyle
Avec un examen en temps quasi réel sur l'entrée que nous avons accompli beaucoup de choses. Mais il ya encore mieux. Pourquoi devrions-nous être satisfaits avec les erreurs d'affichage le plus rapidement possible? Bien mieux, il serait d'un grand nombre d'erreurs à éviter à l'avance. A cet effet, il est recommandé pour les zones qui ne font pas clairement afficher un écran d'aide. Il peut être difficile dans une forme similaire à la PAH Fehelrmeldungen, couleur subtile quelque chose de juste. Il est toutefois important que ne propose pas de textes d'aide trop. Je recommande donc une aide appropriée de présenter uniquement lorsque le champ reçoit le focus. Apparaîtra lorsque vous cliquez dans le champ texte d'une info explicatives. Après que l'utilisateur a sauté sur le champ suivant, la note disparaît.
Comme cerise sur le gâteau il est logique alors de boîtes correctement rempli pour être marquées d'un symbole. Un bon exemple de ces points permet de Yahoo (voir Showcase).
Scripts en ligne pour la validation du formulaire
Pour mettre en œuvre toute la chose, il ya quelques bibliothèques JavaScript afin de faciliter sa vie.
Plugin Ketchup - la validation du formulaire jQuery
La validation de formulaire de position absolue - la validation du formulaire jQuery avec AJAX support optionnel
La validation de formulaire Leigeber - la validation du formulaire JavaScript sur soumettre
Validation bassistance.de - la validation du formulaire jQuery
Validation de formulaires jQuery en direct
Validation Base de données - validation de formulaire en deux versions: Prototype et autonome
La validation de formulaire Mootools - la validation de formulaire avec Mootools
jVal validation des champs de formulaire
Vitrine
Beaux exemples de la conception de formulaires et les indications d'erreur correspondant.
Formulaire de validation Yahoo
Formulaire de validation avec Twitter
La validation de formulaire omgpop.com
Formulaire de validation brightkite.com
Formularvalildierung: Démo position absolue
jVal Formolarüberprüfung Démo
Ähnnliche messages:
Christoph
25e Mai 2010 à 19h24
Nous utilisons déjà pour quelques projets seulement la position absolue - parfait pour le style, une grande maniabilité pour l'utilisateur et aussi nous l'avons encapsulé dans une classe PHP qui fournit automatiquement les réponses appropriées pour les appels AJAX dans le CMS. : Plus facile pour créer la forme durable peine. J'aime aussi la syntaxe pour les transitions paramètre bien, parce qu'il est facile à analyser.
réseau informant.de
25e Janvier 2011 à 09h12
Personnellement, je trouve grand Ajax. Mais malheureusement, je n'aime pas à utiliser l'Internet. Il est désactivé lorsque l'utilisateur vient de la choa. Il ya simplement des gens qui n'ont pas activé. J'ai eu à se rappeler encore et encore, quand j'ai une page mise en place pour les clients.