[AJAX] Envoyer champs sans les afficher

Bonjour,

Mon titre est pas très clair, désolé.

Voilà je me trouve face à un problème, j'ai un formulaire d'inscription d'utilisateur classique avec comme champs pour donner un exemple :
"pseudo", "email", "nom", "prenom".

J'ai besoin que se formulaire se déroule étape par étape.

C'est à dire que lorsque j'arrive sur la page d'enregistrement j'ai juste le champ "pseudo" avec le bouton "envoyer" en dessous.
Je travail sur un modèle MVC qui me permet d'être renvoyer vers le contrôleur lorsque je "send", là toute sorte de validation sont effectué et on renvoit sur la même page qui affiche le champ "pseudo" sous forme de texte, j'affiche pas le champs remit en forme, mais uniquement sa valeur. Avec en dessous les nouveaux champs dont j'ai besoin, dans notre cas "email".

Le problème en faisant ça c'est que lorsque je re "send" pour passer à la dernière étape ("nom" & "prénom"), il bloque car je ne renvoie pas la valeur du champ "pseudo", vu que je l'ai juste afficher sous forme de variable.

Donc ça fonctionne pas et je sais pourquoi vu que je veux pouvoir récupérer tous mes champs à chaque fois que je valide une étape, mais vu que je les affiche pas..

Le seul moyen que j'ai pu trouver c'est les "visibility:hidden" et de les foutre au début ou à la fin du formulaire par exemple.... Mais bon je trouve ça vraiment horrible comme façon de coder... Je vous questionne donc dans le cas ou je serais passé à côté d'une solution plus "propre".

Pourquoi ai-je besoin d'afficher uniquement la valeur du champs et pourquoi je ne joue pas avec le style du champs pour l'affiche "comme si c'était du texte" ?
Parce que j'ai besoin de manipuler toutes sorte de données, dans l'exemple il y a 4 champs de type texte mais imaginons que j'ai besoin de faire pareil avec des radiobox, j'aurais besoin d'afficher uniquement les champs sélectionné, de même pour les checkbox et select...


En esperant m'être expliqué assez clairement,
merci d'avance.

PS : Je viens de me rendre compte que mon post n'a rien à faire là en fait, si vous pouviez le déplacer dans la rubrique : http://www.developpez.net/forums/f61...e/formulaires/
J'ai du cliquer sur "nouveau post" dans le mauvais forum, désolé.

Bonjour,

Citation:

---

Envoyé par Scalp4

Le problème en faisant ça c'est que lorsque je re "send" pour passer à la dernière étape ("nom" & "prénom"), il bloque car je ne renvoie pas la valeur du champ "pseudo", vu que je l'ai juste afficher sous forme de variable.

---

Tu n'as qu'à stocker ce genre d'info (ici le pseudo) dans un

Code:

---

<input type="hidden">

---

Lui sera bien envoyé avec le form, même s'il n'est pas visible.
Si ça ne suffit pas, on déplacera effectivement dans le forum Formulaire ...

A+

Non ça ne suffit pas, mon formulaire se trouve dans un tableau, le fait de mettre le champ en hidden agrandi la case du tableau comme s'il y avait le champs mais qu'il était juste invisible... Je sais si vous voyez de quoi je parle...

Un input de type hidden n'occupe pas d'espace dans la page, à ne pas confondre avec un style visibility:hidden. Pour cette seconde solution, display:none permet à l'élément caché de ne pas occuper d'espace sur la page.

Sinon, passes tes valeurs dans la réponse Ajax et stockes les dans une variable js que tu pourras réutiliser à chaque requête.

Citation:

---

Envoyé par Bovino

Un input de type hidden n'occupe pas d'espace dans la page, à ne pas confondre avec un style visibility:hidden. Pour cette seconde solution, display:none permet à l'élément caché de ne pas occuper d'espace sur la page.

---

J'avais mal lu, le problème avec "type:hidden" c'est que je ne pourrais pas cacher mes champs de type radiobox/checkbox/etc...

Pour le display none, j'ai déjà essayé mais vu lorsqu'on valide le formulaire, il ne récupère pas les valeurs vu qu'elles ne sont pas afficher.

Citation:

---

Envoyé par Bovino

Sinon, passes tes valeurs dans la réponse Ajax et stockes les dans une variable js que tu pourras réutiliser à chaque requête.

---

J'ai pensé aussi à faire ça, pouvoir récupérer mes variables que j'aurais préalablement stocké dans un JS mais bon je trouve pas ça très "propre" ?

Merci.

Citation:

---

Envoyé par Scalp4

J'ai pensé aussi à faire ça, pouvoir récupérer mes variables que j'aurais préalablement stocké dans un JS mais bon je trouve pas ça très "propre" ?

---

C'est juste une autre manière de faire qui n'impacte pas la propreté du code ...

Citation:

---

Envoyé par Scalp4

Pour le display none, j'ai déjà essayé mais vu lorsqu'on valide le formulaire, il ne récupère pas les valeurs vu qu'elles ne sont pas afficher.

---

Et bien, c'est à ce moment là que tu peux récupérer leurs valeurs pour les stocker dans des input type="hidden" (si tu trouves ça plus "propre") ...

A+

Oula, en fait mon problème venez d'autre part, désolé, je viens de le résoudre !

Merci des infos en tout cas, ça m'a permit de modifier certain trucs !

Merci.