[AJAX] Validation instantanné avec ajax

Version imprimable

16/03/2009, 22h31
tntneo

[AJAX] Validation instantanné avec ajax

salut,
je débute avec ajax et je veux faire un formulaire avec validation instantané des champs par exemple si le champs et bon un ticket vert apparait sinon un croix rouge
donc je vous demande un tutoriel un exemple ou un livre pour commencer
merci d'avance
17/03/2009, 09h41
E.Bzz

Bonjour,

Citation:

Envoyé par tntneo

je veux faire un formulaire avec validation instantané des champs par exemple si le champs et bon un ticket vert apparait sinon un croix rouge

tout dépend ce que tu veux dire par "si le champ est bon" ...
Si cela nécessite un contrôle (de présence, par exemple) dans ta BDD, tu peux te baser sur cet exemple simple.
S'il ne s'agit que d'un contrôle de format (ou de champ rempli), pas besoin d'Ajax ...

A+
29/03/2009, 01h03
tntneo

non y' a pas de serveur
je veux contrôler les valeurs des champs de mon formulaire de façon instantané c'est à dire des qu'il change la valeur de l'attribut et non pas en appelant une fonction java script lors du submit
c'est comme dans cet exemple
http://www.monsitegratuit.com/membres/
merci d'avance
29/03/2009, 17h45
emmanuel.remy

Dans ce cas là tu peux utiliser les événements générés par tes éléments de formulaire (onchange, onblur, onfocus, onsubmit ...) pour effectuer des validations javascript du contenu de l'élément.

La faq javascript est très complète et sinon:

:google:

ERE
29/03/2009, 18h03
tntneo

non je pense il y' a une méthode plus standardisé j'ai pu le faire avec dreamweaver le truc de spry validation text field mais c'est pas assez manipulable puisque j'ai des champs à valider qui dépendent des choix des autres champs
29/03/2009, 18h15
emmanuel.remy

Citation:

non je pense il y' a une méthode plus standardisé

Qu'entends tu par là ? Un framework ? Une librairie ? Une technique ?

ERE
29/03/2009, 18h38
tntneo

Citation:

Envoyé par emmanuel.remy

Qu'entends tu par là ? Un framework ? Une librairie ? Une technique ?
ERE

oui n'importe même un petit exemple simple

Citation:

Envoyé par tntneo

oui n'importe même un petit exemple simple

vite fait: affiche un message si le champ quitté est vide:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<body>
 
<script type="text/javascript">
  function valide(txt, err_id) {
    document.getElementById(err_id).innerHTML= (txt.value=="") ? "Erreur !" : "&nbsp;";
  }
</script>
 
 
<form>
 
<input type="text" value="Nom" onblur="valide(this, 'err_nom');"><span id="err_nom" style="color:red"></span>
 
</form>
</body>

ERE

30/03/2009, 14h56
Rick62

Personnellement, il y a quelques temps, j'ai utilisé la librairie Xajax (voir le site du même nom), qui répondait bien à mes attentes (ex : contrôle de la longueur d'un texte saisi avec longueur mini, longueur maxi et affichage d'un message au fil de la saisie). Puissant.
A voir si cela répond à ton problème.
31/03/2009, 17h58
sybil

ceci peut te servir, un example simple qui utilise l'event onkeyup

http://www.w3schools.com/ajax/ajax_example_suggest.asp