rendre enable un bouton avec inputext

Version imprimable

06/06/2007, 23h31
krikete13

rendre enable un bouton avec inputext

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

bonsoir,

voilà qui fera ton bonheur ;)

Code:

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>

08/06/2007, 12h49
krikete13

merci beacoup pour votre aide elle m'a beacoup aider
:P
08/06/2007, 21h06
krikete13

sa ne marche pas comme je veus

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
08/06/2007, 21h39
Auteur

je peux voir le code de ta page ?

Citation:

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 :merci:
08/06/2007, 21h54
krikete13

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"/>
10/06/2007, 21h32
Auteur

il manque l'expression régulière dans ta fonction...
10/06/2007, 22h06
krikete13

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

merci

Code:

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)

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

Essaye ceci :

Code:

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>