Evénement suite à la saisie d'un champ

Version imprimable

04/11/2009, 22h07
laurentSc

Evénement suite à la saisie d'un champ

Bonjour,

je voudrais activer une fonction quand l'utilisateur a rempli un champ, mais je ne connais pas le nom de l'événement auquel ça correspond ; ce n'est pas "onClick", car sinon, ça active la fonction dès qu'on clique sur le champ, avant de l'avoir rempli. Que faut-il donc faire ?
04/11/2009, 23h48
emmanuel.remy

Salut,

L'événement onchange est déclenché quand tu quittes la zone de saisie et que son contenu a changé. Cela devrait faire l'affaire.

ERE
06/11/2009, 09h58
laurentSc

Merci, ça marche bien, mais j'ai une autre question de débutant : je voudrais déclencher une fonction sur la validation (avant l'exécution de l'action du formulaire)(j'ai essayé "onsubmit" mais ça ne marche pas), et en fait, la fonction ce serait de mettre à jour certains champs, et l'action de réafficher le formulaire, sans la validation : comment faire tout ça ?
06/11/2009, 10h06
E.Bzz

Bonjour,

Citation:

Envoyé par laurentSc

j'ai essayé "onsubmit" mais ça ne marche pas

pas bien compris la fin, mais c'est bien onsubmit que tu dois utiliser

Code:

onsubmit="return ta_fonction();"

ta_fonction() doit renvoyer true dans les cas où tu veux que le form soit envoyé, et false sinon ...

EDIT : et bien sûr, tu fais faire ce que tu veux à ta fonction dans intervalle ...

A+
06/11/2009, 10h36
laurentSc
J'ai d'abord vu que le "onsubmit" il fallait le mettre dans <form...> et pas dans l'input "submit", comme avant... Mais même en faisant ça
Code:

1 2 3 4 5 6 7 <script type="text/javascript"> function ma_fonction() { alert('coucou'); return true; } </script> <form action="action.html" method="post" onsubmit="return ma_fonction()">
, ça ne marche pas...
Explication de la fin : dans le formulaire, l'utilisateur va laisser vide certains champs que je souhaite mettre à jour au moment de la validation (et je ne sais pas, en js, mettre à jour des champs de formulaire), puis réafficher le tout pour que l'utilisateur puisse voir les infos (sans plus avoir la possibilité de valider)
06/11/2009, 11h05
E.Bzz

Citation:

Envoyé par laurentSc

ça ne marche pas...

C'est à dire ?
Il se passe quoi au lieu de quoi ? :?

A+
06/11/2009, 11h10
laurentSc

En fait, quand je clique sur "exécuter", au lieu de lancer ma fonction, ça ne lance que l'action...
06/11/2009, 11h12
E.Bzz

Citation:

Envoyé par laurentSc

En fait, quand je clique sur "exécuter", au lieu de lancer ma fonction, ça ne lance que l'action...

Sans voir le code (exécuter ???), ça n'a pas beaucoup de sens pour nous ;)

A+

Oui, OK :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
     <script type="text/javascript">
function ma_fonction()
{ alert('coucou');
return true;
}
      </script>
      <form action="action.html" method="post"
 onsubmit="return ma_fonction()">
        <table style="width: 482px; margin-left: 0px;"
 bgcolor="blue">
          <tbody>
            <tr>
              <td style="width: 474px;" colspan="2"><textarea
 name="description" rows="10" cols="55"></textarea></td>
            </tr>
...
    </tbody>
        </table>
        <br>
        <br>
        <center><input name="submit" value="Ex&eacute;cuter"
 type="submit"></center>
      </form>

06/11/2009, 11h41
E.Bzz

Rien dans le code présenté n'est susceptible de causer une erreur.

Tu dois avoir une erreur Javascript quelque part (au chargement ou à l'exécution) qui plante ton code JS ...

As-tu activé la notification des erreurs de scripts dans ton nav (cf. les options/préférences) ?

A+
06/11/2009, 12h52
laurentSc

Je viens de le faire, et j'ai ainsi trouvé l'erreur (le code que j'exécutais était légèrement différent de ce que je montrais et l'erreur venait justement de là). Donc, maintenant, tout va bien de ce côté là. Par contre, peux-tu m'expliquer comment faire la '"fin" ?
06/11/2009, 13h56
E.Bzz

Pour ça, il y a la FAQ ;)

A+
07/11/2009, 10h56
laurentSc

Bonne réponse ; je n'y ai pas trouvé ce que je cherchais (je crois avoir compris que ce n'était pas faisable). Cela dit, j'ai imaginé une solution plus simple (pour moi) : faire ce que je souhaite dans l'action, en PHP.