Discussion :

[laurentSc]

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 ?

[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

[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 ?

[E.Bzz]

Bonjour,

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

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

Code :

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

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+

[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 :

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

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)

[E.Bzz]

ça ne marche pas...

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

A+

[laurentSc]

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

[E.Bzz]

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+

[laurentSc]

Oui, OK :

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
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>

[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+

[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" ?

[E.Bzz]

Pour ça, il y a la FAQ

A+

[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.