[AJAX] Tester les champs d'un formulaire avant de pouvoir l'envoyer
Bonsoir,
Je débute dans l'Ajax, j'ai découvert cela hier et j'ai déjà commencé à m'amuser avec :mouarf: 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:
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
++
