CheckForm v0.5 | Vérification et validation de formulaire Javascript (Classe OpenSource)
Une nouvelle version de checkform est disponible : http://mickaelbertrand.imagika.fr/web/ressources-checkform-v06-verification-et-validation-de-formulaire-javascript-classe-opensource-928
La version CheckForm v0.5 est disponible ! Mise en ligne le site dédié à la classe, en français et en cours de traduction anglais. http://checkform.imagika.fr
CheckForm v0.5, qui est quasiment une version finale (1.0), puisque la plupart des fonctionnalitées sont opérationnelles !
CheckForm 0.5
- Les règles sont désormais multiple, il suffit d’utiliser la notation suivante dans addReg, ex : ‘required:email’. On aura donc non seulement un required Mais également un mail. Le caractère qui sépare les deux règle est paranmétrable dans la classe (regSeparator). Pour aller plus loin on pourrait avoir ‘reg1:reg2:reg3:…:regn’ !
- Fonctionnement multi-formulaire sur une même page
- Comparaison entre deux champs est maintenant paramétrable grâce a des opérateurs logique (tous ceux éxistant en Js).
Peut être utile par exemple pour comparer deux prix (un max et un min, on aura donc une règle sur prix max qui dira > prix_min, l’inverse étant possible en mettant prix_min < prix_max) - Gestion des types de champs (radio, checkbox), actuellement on peut indiquer le type dans addReg mais cela n’affecte en rien le traitement, pensez donc à indiquer le type pour que vos écritures soient compatibles avec la prochaine version.
On pourra ainsi indiqué un nombre limité de checkbox (grâce au bornage) et sur les radio il y aura au maximum 1 case cochée, et si la règle sur la radio est “required” alors un nombre minimum de 1.
IMPORTANT ! L’évènement porté sur les checkbox est conseillé à onClick ! Libre à vous de respecter ou non cette consigne.
CheckForm V0.5 est compatible (testé) IE7, IE6, Firefox 3, Safari, Google Chrome, Netscape, Opéra
(Si vous avez la possibilité de tester sous d’autres navigateur n’hésitez pas à me savoir l’état de compatibilité !)
A bientôt
Blog Référencement (SEO), Graphisme, Web, Communication et compagnie…
juin 18th, 2009 at 17:12
et bien je viens de tomber la dessus ! jesuis impressionner par la facilité et la stabilité !
vraiment tres bon ce sript !!!!
par contre j’ai juste une petite question : comment s’ecrit le cote pour mettre une image? je n’ai pas bien compris !
merci a toi !
juin 19th, 2009 at 13:52
Salut bluholm et merci, content que ça plaise
Pour ce qui est de l’affichage d’une image au lieu d’un message tu dois :
dans le tableau msgAttributes ajouter ceci (en l’écrivant de la même manière que style par exemple) :
’src’ : ‘../monchemin/monimage.png’
Puis modifier la variable msgElement qui doit avoir pour valeur ‘img’ (par défaut à ‘li’)
N’hésites pas à reposter un commentaire si ça reste flou !
Mika.
juin 20th, 2009 at 9:18
rare sont les personnes qui répondent aussi vite ! mais en tout cas merci !
pour la partie que tu site : celle ci je l’avait comprise en fait :p mais c’est plus la partie qu’il faut mettre dans le html pour que la classe soit reconnu….
car lorsque je met le src =…..blabla….. et le msgelements : img
plus aucun regles ne fontionnne dans mon code HTML…
voila les liens sur lequels je travaille :
http://www.m-solutions.fr/test/aa.html
mon objectif serait d’avoir une image lorsque c’est bon : validate; et une lorsque c’est faux.
ma seconde question est de savoir si je peux utiliser ton code comme support dans mes cours ? en effet nous ne faisons pas de JAVA, mais de plus en plus il va en falloir ( pour cela que je m’y met) et etant donné que je l’ai trouvé reelement accessible et bien commenté….
merci d’avance.
juin 20th, 2009 at 22:30
huhum, heu pour ton problème j’ai pas trop le temps de regarder en ce moment, je vais me consacrer une journée à CheckForm début Juillet, je pense que je résolverais ton problème à ce moment là si jamais tu n’as pas trouvé la solution. Si tu met une version avec le src en page sur ton serveur je pourrais regarder rapidement ce qui ne va pas sous Firebug… (la version que tu m’as donné n’as pas de src)
Oui tu peux utiliser le code pour tes cours, du moment que tu respecte la licence X11 (en gros tu dis pas c’est toi qui a tout écrit lol) c’est le but du libre d’être utilisé et propagé
Cette classe n’est pas écrite en JAVA mais en Javascript (ces deux langages n’ont rien avoir entre eux) mais je suppose que tu as fait une erreur de frappe, sinon ne perd pas ton temps sur le Javascript puisque JAVA et Javascript n’ont pas beaucoup (rien ?) en commun
juin 27th, 2009 at 9:27
Bonjour,
Cette classe est vraiment extraordinaire : facile d’utilisation et très pratique. C’est une très bonne idée de faire un outil générique car c’est un problème courant de devoir valider les formulaires.
Je signale que j’ai exactement les mêmes problèmes que bluholm pour mettre une image à la place du texte : la même erreur apparait (erreur sur la page : “demande d’accès à la méthode ou aux propriétés inattendues”).
Et je serai de même intéressé par la fonction d’avoir une image quand c’est juste et une autre quand c’est faux.
Bien cordialement,
juin 30th, 2009 at 22:51
Salut fastFlood
Merci pour les compliments sa fait tjs plaisir !
Se sera opérationnel dans la v0.6 qui sortira dans les jours à venir
Mika.
février 4th, 2010 at 19:51
Salut,
Je suis impressionné, la vérification des adresses mails n’est pas mal du tout. C’est pourtant loin d’être évident.
Une petite remarque toutefois : tu refuses (d’après la démo), le caractère ‘+’, qui est pourtant un caractère valide. Un exemple d’utilisation : nom+machin@gmail.com, qui va envoyer le mail à nom@gmail.com, tout en ajoutant l’information “machin” au mail.
Concrètement, chez GMail, ils s’en servent pour permettre aux gens de tagger leur mail automatiquement. (Le mail envoté à cette adresse recevra directement le label “machin”, s’il existe dans le compte Gmail en question ; pratique pour trier son courrier).
Tu refuses aussi le caractère guillemet qui est pourtant valide à certains emplacements.
Suivre le standard à la lettre n’est vraiment pas évident… J’ai trouvé un excellent site sur le sujet si cela t’intéresse, très riche en exemples et contre-exemples :
http://www.dominicsayers.com/isemail/results.php
Excellente classe PHP pour la vérification des mails.
Cela n’enlève rien à ton script et je pense que je l’utiliserai pour une vérification en amont lors de mon prochain dév.
Merci et bonne continuation!
Fab
février 5th, 2010 at 22:33
Merci beaucoup pour tout ces compliments ça fait plaisir !
Et merci pour le petit cours sur la norme, je n’étais pas informé et j’ai bookmarké ton lien
J’ai par ailleurs fait un petit article sur le passage où tu parles les adresses GMail, qui offre pas mal de possibilités…