Discussion :

[mawkli]

Bonjour,
J'ai un formulaire avec des zones de textes,des listes déroulantes et un textarea,j'ai des champs obligatoires,et une fois on clique sur 'submit' il va à la page suivante,mais,si l'un des champs obligatoires n'a pas été fourni il affiche un message d'alert et il revient à la page principale.sauf qu'il initialise tous les champs à vide.
je voudrai savoir comment garder les valeurs saisies en revenant à la page ou en actualisant merci

[SpaceFrog]

réattribues les sélections et contenus coté serveur ...

[Willpower]

3 solutions je dirais,

1) celle proposé par space, de reutiliser les données reçues par le serveur.
2) utiliser le cache du client (cookie ou localStorage)
3) faire une prévérification javascript du formulaire et empêcher le submit s'il n'est pas correct.

[Piflo]

hello,

tu peu te renseigner sur les dernières méthodes de stockage coté clients (interne au navigateur) : Web Storage, web SQL DataBases, IndexedDB, et application cache.

dans ton cas le webStorage semble la solution la plus approprié.

je t'invite à regarder l'exemple de ce slides:
http://slides.html5rocks.com/#web-storage


et voila un lien qui te dira quel navigateur supporte cette fonctionnalité.
http://caniuse.com/namevalue-storage


seul contrainte (a vérifier, car je sais que c'est le cas pour les indexedDB et l’application cache) il faudra que l'utilisateur clique sur le bouton comme quoi il accepte que t'enregistre des donnée sur sa machine.

[Darkyl]

Lu,

ou alors si tu peux faire ton submit dans un div avec appel ajax,et c'est tout... . tu n'as rien d'autres à faire car ta page principale (celle de ton formulaire remplis) est toujours là, derrière ton div de traitement et si il y a des erreurs, tu ferme juste le div de traitement et te revoila sur la page du formulaire rempli...sinon tu redirige la page de ton formulaire...

Aprés reste à prévoir la méthode de signalement des erreurs...

Perso, c'est comme cela que je fais, aprés avoir testé toutes les méthodes proposées dont une de renvoi de variable par ?nom_var=valeur_var par url, et ça marche bien mais c'est relativement lourd à mettre en place par rapport à un div et ajax...

[Darkyl]

Heu,

je répond à mon propre message tein ...

Pour ma méthode en faite, je n'utilise plus de form. Je met mes inputs dont j'ai besoins, puis un button avec onclick. Quand tu clique sur le boutton, une fonction javascript vérifie les champs (par leurs id), montre les messages d'erreur si'il y en a (ou les affiche à côté des champs concernés, et s'il n'y a pas d'erreur ouvre la page de traitement php des infos avec les variables dans l'url. Cette page revérifie les donées en php côté serveur et fait ce qu'ilfaut faire avec.

Maintenant, je me suis même fait des inputs spéciaux qui ne peuvent accepter certaines choses, puis je vérifie en direct (onchange sur input) que le champ tapé est bon. S'il est pas bon, tu met une variable à false, sinon à true . Si l'ensemble des variables sont à true, alors c'est bon, sinon, fais rien. L'erreur c'est déjà affiché au bon input lors du onchange sur celui-ci...
Gain de temps de traitement sur click "ex submit".

Ma méthode ne marche que s'il y a javascript autorisé sur le pc utilisateurs et le fait d'enlever la form le rend peut-être incompatible avec les vieux navigateurs (même si je ne pense pas).

Sinon, comme je disais, tu peux renvoyer tes valeurs dans l'url en rappelant ta page de formulaire s'il y a des erreurs. Puis dans ta page, tu teste si des variables on étaient envoyé par l'url. Si c'est le cas, tu les affiches dans les bon input avec le message d'erreur qui va bien (tu as aussi envoyé le type d'erreur par l'url), sinon, s'il n'y a pas de variable dans l'url, c'est que c'est la première fois que tu ouvre le formulaire. Donc tout à vide (if isset(...))

c'est la méthode d'école mais tu te rend vite compte que si tu as un gros formulaire, cela va te faire une url de fou....

Moi, je préfère le full javascript pour traiter tout cela avant d'ouvrir la page action_formulaire.php...

[mawkli]

Merci à tous,je vais essayer vos méthodes et voir laquelle est la plus adéquate

[mawkli]

Re-salut,
Je voulais savoir si c'est possible d'attribuer une fonction à l'évenement 'onclick' d'un bouton de type 'submit'.merci

[Piflo]

re,

oui c'est possible

Code :

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

onClick="taFonctionJavascript('param');"

[mawkli]

OK c'était juste pour savoir est-ce que la fonction sera exécutée avant la validation du form?

[vermine]

Bonjour,

La fonction sera exécutée avant l'envoi du formulaire. Cependant, faites attention que si vous ne retournez pas false dans le onclick, le formulaire sera envoyé :

Code :

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

onClick="return taFonctionJavascript('param');"

[mawkli]

Ok c'est bon ,ma fonction marche bien et ,ainsi, mon problème est résolu.merci à tout le monde

[Piflo]

juste par curiosité, tu as choisit quel solution pour ton premier problème?

en plus sa peu aidé ceux qui cherche a faire la même chose.

[mawkli]

salut Piflo,
J'ai choisit la troisième solution proposée par Willpower qui est: faire une prévérification javascript du formulaire et empêcher le submit s'il n'est pas correct.
j'ai trouvé qu'elle est plus facile est plus performante voilà

[Piflo]

ok ok, je trouve cela aussi la meilleur vu qu'elle t'évite l'actualisation de ta page.