web2ajax : The Blog

Alors voici enfin ce que je cherchai depuis un moment.

jQuery vs Scriptaculous

Habitué à utiliser Really easy field Validation (REFV pour nous ) avec prototype et scriptaculous, je m’attachai à ce plugin pour rester sur scriptaculous.

En effet, il est très simple à utiliser et facilement adaptable, paramétrable, couplé avec juste Prototype et Effects.js de Scriptaculous pour les tests et les effets d’apparition des messages d’erreur.

Facilement adaptable, vous pouvez consulté un exemple ici en anglais sur la demo de l’auteur  (telechargement)

ou  en francais sur un site client récent (pas de spam s’il vous plait)

Ses Avantages…

Des effets d’affichage des erreurs superbes, sobre mais efficaces.
facilité d’adaptation (ajout de types de test temporaires intégrable facilement dans la page ou généraux dans le fichier source)
permet la validation javascript des champs lorsque le champs perd le focus ou au submit du formulaire
une source legere
Mais alors allez vous me dire, comment ca marche ?

C’est simple, tout d’abord pour chacun de vos champs vous fixez une class css correspondante au type de test requis.

<input type="text" name="fax" class="none validate-telephone"/>

Ensuite vous donnez un identifiant au formulaire ( par expérience toujours le faire dans tous les cas ;) !)

et enfin, à la suite du formulaire

<script type="text/javascript">
	function formCallback(result, form) {

	}
	var valid = new Validation('id_form', {immediate : true, onFormValidate : formCallback});
</script>

Qu’est ce que je découvre aujourd’hui ? un plugin similaire (néanmoins plus puissant) existe aussi avec Jquery Jquery Validation Plugin !

Brièvement ? Ben c’est pratiquement le même principe, les mêmes options de bases, + ?

Eh bien ses avantages :

Reprend les mêmes options que celui utilisant Prototype
Ajoute la validation sur l’évenement ‘onchange’ (peut être pratique, croyez moi)
Ajoute la possibilité de mettre un Capcha
Ajoute la possibilité de valider un champs en ajax par la balise remote ( par exemple vérifier que ce mail n’est pas pris !)
Et cela me libère de scriptaculous ;) je vais enfin pouvoir tester JQuery, sachant que la communauté est beaucoup plus dynamique et que le nombre de plugins disponibles est… faramineux !

La démo et téléchargement sur le site de l’auteur