vider un champ en javascript

**crocodingo** · 10/04/2007, 11h45

Bonjour,

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

ma fonction est comme ceci:

Code :

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

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.

**Orian** · 10/04/2007, 11h52

Mais si le :

Code :

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

obj.value="";

est juste

D'ailleurs voir la

--> http://javascript.developpez.com/faq...ps#input.vider

**OButterlin** · 10/04/2007, 12h20

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+

**crocodingo** · 10/04/2007, 12h56

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.

**OButterlin** · 10/04/2007, 13h29

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 ?

**Benouze** · 10/04/2007, 13h33

Hi,

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.

**OButterlin** · 10/04/2007, 13h43

Si tu veux utiliser getElementsByName("leNomDuChamp"), il faut rajouter [0] car la fonction renvoie une liste.
Donc :

Code :

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

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

**crocodingo** · 10/04/2007, 13h53

voila ma fonction javascript:

Code :

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

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

et mon tableau dans ma page jsp:

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

**OButterlin** · 10/04/2007, 14h08

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 :

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

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

vider un champ en javascript

Servlets/JSP Java

Discussions similaires

Partager

Partager