rendre enable un bouton avec inputext

**krikete13** · 07/06/2007, 00h31

slt ,
je travaille avec les jsf , j'ai mis dans ma page un inputtext et un bouton qui est disable au depart je voudrai que l'orseque le input est vide le bouton reste disable et quan dje remplis le champs deviens enable

merci

**Auteur** · 07/06/2007, 01h09

bonsoir,

voilà qui fera ton bonheur

Code html :

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 
<html>
<head>
<title></title>
 
<script type="text/javascript">
<!--
function keyUp(obj)
{
 var exp = /.+/gi;
 
 if (exp.test(obj.value))
 {
  document.getElementById("idButton").disabled=false;
 }
 else
 {
   document.getElementById("idButton").disabled=true;
 }
 
 exp.test(""); //pour Firefox
 
}
 
//-->
</script>
 
</head>
 
<body>
 
<input type="text" value="" size="40" maxlength="35" onkeyup="keyUp(this)"/><br />
<input type="button" value="Bouton" id="idButton" disabled="disabled"/>
 
</body>
 
</html>

**krikete13** · 08/06/2007, 13h49

merci beacoup pour votre aide elle m'a beacoup aider

**krikete13** · 08/06/2007, 22h06

merci pour ton aide lebouton devien visible mais son action ne marche pas
kan je click dessu sa ne donne rien il ne fais pas le travail
hors kan je le laisse vsible et je teste sa marche

**Auteur** · 08/06/2007, 22h39

je peux voir le code de ta page ?

merci pour ton aide lebouton devien visible mais son action ne marche pas
kan je click dessu sa ne donne rien il ne fais pas le travail
hors kan je le laisse vsible et je teste sa marche

En passant : évite le langage SMS. J'ai eu des difficultés à comprendre ton message...... Donc fais un effort lors de la rédaction de tes messages

**krikete13** · 08/06/2007, 22h54

desoler pour le langage mais c'est parceqque il ne me reste que qualque jour pour le depot voici mon code :

<script type="text/javascript">

function keyUp(obj,obj2)
{

if ((obj.value!="")&&(obj2.value!=""))
{
document.getElementById('form1:ok').disabled=false;
}
else
{
document.getElementById('form1:ok').disabled=true;
}

}
</script>

<h:inputText id="pi"
onkeyup="keyUp(this,document.forms['form1'].elements['form1:po'])" required="true"/>

<h:inputText id="po"
onkeyup="keyUp(this,document.forms['form1'].elements['form1:pi'])"/>

<h:commandButton value="commandButton1"
binding="#{backing_untitled2.ok}"
id="ok"
action="#{backing_untitled2.commandButton1_action2}"
disabled="true"/>

**Auteur** · 10/06/2007, 22h32

il manque l'expression régulière dans ta fonction...

**krikete13** · 10/06/2007, 23h06

desoler mais j'ai pas compris de quelle expression reguliere tu parle ???

merci

**Auteur** · 11/06/2007, 00h08

Code javascript :

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
function keyUp(obj1, obj2)
{
 var exp = /.+/gi;
 
 if (exp.test(obj1.value) && exp.test(obj2.value))
 {
  document.getElementById("idButton").disabled=false;
 }
 else
 {
   document.getElementById("idButton").disabled=true;
 }
 
 exp.test(""); //pour Firefox
 
}

je teste les valeurs avec une expression régulière (variable exp)

**Auteur** · 11/06/2007, 10h23

bon, j'ai constaté que l'expression régulière n'était pas efficace

Essaye ceci :

Code html :

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 
<html>
<head>
<title></title>
 
<script type="text/javascript">
<!--
function keyUp(obj1, obj2)
{
 
 if (obj1.value.length>0 && obj2.value.length>0)
 {
  document.getElementById("idButton").disabled=false;
 }
 else
 {
   document.getElementById("idButton").disabled=true;
 }
 
}
 
//-->
</script>
 
</head>
 
<body>
 
<input type="text" value="" size="40" maxlength="35" id="input1" onkeyup="keyUp(this, document.getElementById('input2'))"/><br />
<input type="text" value="" size="40" maxlength="35" id="input2" onkeyup="keyUp(this, document.getElementById('input1'))"/><br />
<br />
<input type="button" value="Bouton" id="idButton" disabled="disabled"/>
 
 
</body>
 
</html>

rendre enable un bouton avec inputext

JavaScript

Discussions similaires

Partager

Partager