Blog Tech

Validation instantannée d’un formulaire en AJAX

web 4
A ce point ?PassableIntéressantYeahExcellent! (4 vote(s), 4,25/ 5)
Loading...

Les formulaires sont à mon avis un des aspects le plus frustrants que l'on peut rencontrer sur un site web, cela pour plusieurs raisons :

  • Trop d'informations vous sont généralement demandées
  • Absence d'information concernant le type de donnée à entrer au clavier
  • En cas d'erreur il vous faut généralement tout retaper (sauf si le webmaster a pris soin d'utiliser des sessions, ce qui lui complique la tâche)

Les formulaires mal pensés sont source de perte de visiteurs, surtout lorsque la concurrence est rude... Bien que cela puisse être également un bon frein si votre service rencontre trop de succès, mais ce cas est bien assez rare 😉

La meilleure façon pour rendre ces formulaires un peu moins rebuttants est d'implanter un système de validation en temps réel. Pour cela, le méthode la plus appropriée est ne validation gérée par de l'AJAX. De cette façon un formulaire ne pourra être envoyé qu'une fois toutes les conditions satisfaites.

Pour ce faire je vous propose d'utiliser le script LiveValidation. Son utilisation est simple, propre et fonctionnelle et vous évite à recoder la roue, alors pourquoi s'en priver ?

Le script s'adapte très bien à vos exigences de part ses nombreuses possibilités. Vous pouvez par exemple contrôler les champs à l'envoie du formulaire ou à la frappe, combiner plusieurs méthodes de vérification (inclusion, exclusion, type de données, etc.).

C'est un script très complet qui vous fera gagner en temps mais également en notoriété 😉

Télécharger LiveValidation

[Javascript] Auto-focus sur formulaire de dates

web commenter
A ce point ?PassableIntéressantYeahExcellent! (1 vote(s), 4,00/ 5)
Loading...

But : changer automatiquement le focus sur un formulaire de saisie de date

Si vous développez des sites internet/intranet ou bien des applications web vous demandez peut-être à vos visiteurs de saisir une date (de naissance, de rendez-vous, de début, etc.).

Personnellement, je trouve assez lourd de proposer un champ découpé en trois entrées sur lesquelles il faut appuyer sur TAB ou bien cliquez dans celle que l'on souhaite pour passer à la case suivante.

A cela vous avez deux solutions :

  • n'utiliser qu'un seul champ de type : "jj/mm/aaaa" ou "jjmmaaaa"
  • réaliser un changement de case automatique dès que l'un est remplie

C'est la deuxième solution que je vous propose de découvrir 🙂 » Lire la suite

Highslide JS (librairie javascript)

Dév, web 9
A ce point ?PassableIntéressantYeahExcellent! (5 vote(s), 3,60/ 5)
Loading...

Description : Highslide JS est une librairie écrite en Javascript qui améliore l'utilisation les aperçus (thumbnail) d'images.

Licence : Elle est gratuite pour une utilisation non commerciale (site perso, éducation et tout autre site non commercial). Pour une utilisation commerciale (au sein d'une entreprise par exemple) il vous en coûtera 30 dollars. » Lire la suite