Discussion :

[italiasky]

Bonsoir,

Je débute dans l'Ajax, j'ai découvert cela hier et j'ai déjà commencé à m'amuser avec j'addoore ! lol

J'aimerais vérifier les quelques champs de mon formulaire en live au lieu de soumettre le formulaire et dire tout ce qu'il ne va pas après, donc j'aimerais pouvoir envoyer le formulaire seulement si tout est ok...

A chaque champ, j'appelle une fonction correspondante, ex avec 2 champs (email et pseudo):

Code :

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

1
2
3
4
5
6
7
8
 
<input type="text" id="email" name="email" size="25" maxlength="100" OnBlur="javascript:verifEmail(this.value)" /> 
<img name="emailbox_img" style="display: none;" src="images/form_ok.gif" width="12" height="12" /><br />
<div id="emailbox_div"></div>
 
<input type="text" id="pseudo" name="pseudo" size="25" maxlength="100" OnBlur="javascript:verifPseudo(this.value)" /> 
<img name="pseudobox_img" style="display: none;" src="images/form_ok.gif" width="12" height="12" /><br />
<div id="pseudobox_div"></div>

Voilà, donc à chaque fois, dans les div, j'affiche le(s) message(s) d'erreur(s) et quand c'est ok, j'affiche une image à coté de l'input qui confirme que c'est bon.

Ca c'est bon j'y parviens...

Mais comment rajouter un bouton qui permet l'envoi du formulaire que si tous les champs sont OK... ?



Et une autre question que je me pose... étant donné qu'on a déjà vérifié les informations, lorsqu'on envoie le formulaire vers une page php de traitement, pas la peine de refaire toutes les vérifications ?
Bien sur, si javascript est désactivé, du coup tout tombe à l'eau, mais dans ce cas, pourrait-on pas écrire avec javascript un champ caché qui permet donc de savoir que le javascript fonctionne et donc dans ce cas, si on a ce champs, dans la page php de traitement on ne recommencera pas à vérifier tous les champs...

Qu'en pensez-vous ?

Merci
++

[Ikonic]

Salut,

Pour ton bouton d'envoi, tu peux par exemple définir un onclick. Puis dans ta fonction appelée en javascript, tu récupères le style de tes deux div ok. Ensuite, plus qu'à faire une vérification du style des div ok... Et finalement, si le style des deux div ok sont égaux à '' alors ça lance ta requête ajax pour enregistrer les données des input...