vider un champ en javascript

Version imprimable

10/04/2007, 11h45
crocodingo

vider un champ en javascript
Bonjour,

je voudrais pouvoir vider un champ (<html:text>) en appelant un fonction javascript.

ma fonction est comme ceci:
Code:

1 2 3 4 5 6 function annulerpass(nom) { obj=document.getElementById(nom); obj.value=""; }
le obj.value=""; est completement faux j'imagine mais je sait pas quoi mettre.

Merci d'avance.
10/04/2007, 11h52
Orian

Mais si le :

Code:

obj.value="";

est juste:)

D'ailleurs voir la :faq: --> http://javascript.developpez.com/faq...ps#input.vider
10/04/2007, 12h20
OButterlin

Le problème peut venir de la ligne au-dessus.
getElementById(...) fait référence à un Id pas un nom de champ.
Donc, au niveau de ta balise <html:text >, il faut lui associer un Id, ou alors, tu fais document.forms[0].nomDuChamp.value = "";

(Si le formulaire est nommé, tu peux remplacer forms[0] par ce nom)

A+
10/04/2007, 12h56
crocodingo

oui j'ai remplacer le getElementbyId par getElementbyNom et j'ai mis un name sur mon champ.

Est ce que cela peut venir du fait que c'est un <html:password> et non un champ texte??

j'ai également plusieurs balise <html:password> dans mon formulaire, je sais pas si cela a un rapport.

Mais dans tous les il ne se passe rien, c'est a dire que quand je recupere mon formulaire dans mon action, la valeur du form.getString(pass) me donne la valeur qui a été saisi et non une chaine vide.
10/04/2007, 13h29
OButterlin

J'utilise la première forme (document.forms[0].nomChamp.value="") dans une application sur un champ password et ça fonctionne très bien, donc de ce coté, c'est ok.
Tu es certain de passer dans ton script ?
Comment appelles-tu le script ?
10/04/2007, 13h33
Benouze

Hi,

Citation:

Envoyé par crocodingo

oui j'ai remplacer le getElementbyId par getElementbyNom et j'ai mis un name sur mon champ.

getElementsByName (et pas getElementbyNom) renvoie un tableau.
Si tu n'as qu'un seul élément de ce nom, getElementsByName("le_nom")[0] pour se positionner sur l'objet.
10/04/2007, 13h43
OButterlin
Si tu veux utiliser getElementsByName("leNomDuChamp"), il faut rajouter [0] car la fonction renvoie une liste.
Donc :
Code:

1 2 document.getElementsByName("leNom")[0].value = "";

voila ma fonction javascript:

Code:

1
2
3
4
5
 
function annulerpass() 
{
     document.getElementsByName("passnametest")[0].value = "coucou";
}

et mon tableau dans ma page jsp:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
 
<table>				
   <tr>
      <td align="right"><b><bean:message key="admin.detail.password"/></b></td>
      <td><html:password name="passnametest" property="password1" value="<%=passwordtmp%>"></html:password></td>
   </tr>
   <tr>
      <td align="right"><b><bean:message key="admin.detail.confirmpass"/></b></td>
      <td><html:password name="passname" property="password2" value="<%=passwordtmp%>"></html:password></td>
   </tr>
   <tr>
      <td align="right"><html:cancel onclick="annulerpass()">Annuler</html:cancel ></td>
   </tr>
</table>

sa ne marche pas meme si je click sur mon bouton annuler j'ai la valeur de ce que j'ai saisie...

10/04/2007, 14h08
OButterlin
Attend, je n'utilise pas <html> mais struts-layout donc je ne prétends pas connaitre à fond, mais l'attribut name d'une balise <html:password> ne définit pas le nom du champ <input> généré, c'est l'attribut property qui le définit.

Donc, dans ton cas, ton script devrait faire
Code:

1 2 3 document.getElementsByName("password1")[0].value = ""; document.getElementsByName("password2")[0].value = "";