[AJAX] Validation instantanné avec ajax

**tntneo** · 16/03/2009, 22h31

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

**E.Bzz** · 17/03/2009, 09h41

Bonjour,

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+

**tntneo** · 29/03/2009, 01h03

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

**emmanuel.remy** · 29/03/2009, 17h45

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:

ERE

**tntneo** · 29/03/2009, 18h03

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

**emmanuel.remy** · 29/03/2009, 18h15

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

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

ERE

**tntneo** · 29/03/2009, 18h38

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

**emmanuel.remy** · 29/03/2009, 21h55

Envoyé par tntneo

oui n'importe même un petit exemple simple

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

Code :

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

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

**Rick62** · 30/03/2009, 14h56

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.

**sybil** · 31/03/2009, 17h58

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

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

[AJAX] Validation instantanné avec ajax

AJAX

Vue hybride

Discussions similaires

Partager

Partager