Discussion :

[akrogames]

Bonjour à tous,

Souhaitant faire un formulaire vérifier d'une part du côté serveur et d'autre part du côté utilisateur avec javascript, j'ai voulu m'inspirer de ce que font les grand site comme yahoo google.

Mais en regardant de près le code du formulaire d'enregistrement YAHOO, dans les champs input je ne vois aucune fonction javascript...

Regardez par vous même :

Formulaire d'enregistrement YAHOO

J'ai toujours vérifieravec onBlur mes champs. Comment YAHOO fait pour vérifier le champ nom et prénom sans appel javascript dans le input ?

Je serais très intéressé par cette technique.

Bonne après midi à vous

[RomainVALERI]

La page inclut un script vers la fin, qui contient la logique de vérification du formulaire : les gestionnaires d'événement, si c'est ce que tu cherchais (les onclick, onblur, onfocus, etc.) sont assignés aux éléments correspondant en dehors du html* lui-même, ce que nous devrions tous faire, n'est-ce pas ?


* en l'occurrence, il y a une fonction getScript qui va chercher cette partie sur un serveur si je ne m'abuse... ^^

[akrogames]

Ah oui en effet en bas de page il y a du javascript mais je vois pas trop comment le javascript hors HTML peut interférer avec les évènements...

Par exemple pour le code postal le HTML est ceci :

// fields we won't validate on change (REQUIRED even if empty)
keyupValidationExemptions : [
"postalcode"
],


J'avoue ne pas comprendre le fonctionnement :/

[RomainVALERI]

Ce n'est que du paramétrage : les gestionnaires d'événement doivent être appliqués aux éléments, comme je te disais, depuis l'extrait de code récupéré par la fonction getScript.

Quelque chose de la forme (ici simplifié) :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
window.addEvent('load', init);

suivi de

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
function init() {
   // ...
   document.getElementById("champ_numero_telephone").addEvent('change', verifNumTel);
   // ...
}

(j'ai utilisé ici addEvent en supposant que c'est le nom de leur méthode cross-browser pour attacher les gestionnaires)

Après, la méthode de vérification en elle-même va utiliser les éléments de paramétrage que tu as vu pour savoir quoi vérifier, où, quel message d'erreur afficher, etc. ^^

[akrogames]

Merci romain de ta réponse. Je n'ai jamais utilisé de gestionnaire évènement et je suis entrain de lire des tutoriels qui parlent de ceci.

As tu de bon document à me fournir par hasard ?

Merci de ton aide en tous cas

[franculo_caoulene]

Salut,

Pas un tutoriel, mais un code source : http://www.developpez.net/forums/d77...on-formulaire/