Problème champs txtbox

Version imprimable

04/10/2007, 15h28
fande

Problème champs txtbox

bonjour, je suis actuellement en train de faire un formulaire d'inscription pour un repas dansant j'ai presque fini mais j'ai un problème, j'aimerais pouvoir remettre le champs nombre de place si celui ci n'est pas rempli et qu'il a était vidé. Par défault le champ est a 0, mais par exemple si l'utilisateur vide le champs j'aimerais que le 0 revienne dans le champs car en bas de bas il y'a un champ prix à payer qui se calcul tout seul et si le champ n'a pas la valeur 0 et qu'il est vide il m'affiche une erreur au total.

merci d'avance pour votre réponse ;)

les scripts utliser :

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
<script>
function C1()
{
  var v1 = parseInt(document.getElementById("I1A").value);
  var v2 = parseInt(document.getElementById("I1B").value);
 
  document.getElementById("ST1").value = v1*16 + v2*8;
}
 
 
function verif_nombre(champ)
{
var chiffres = new RegExp("[0-9\.]"); /* Modifier pour : var chiffres = new RegExp("[0-9]"); */
var verif;
var points = 0; /* Supprimer cette ligne */
 
for(x = 0; x < champ.value.length; x++)
{
verif = chiffres.test(champ.value.charAt(x));
if(champ.value.charAt(x) == "."){points++;} /* Supprimer cette ligne */
if(points > 1){verif = false; points = 1;} /* Supprimer cette ligne */
if(verif == false){champ.value = champ.value.substr(0,x) + champ.value.substr(x+1,champ.value.length-x+1); x--;}
}
 
}
 
</script>

et le formulaire

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<table border="0" cellpadding="0" cellspacing="0" width="585" height="354">
    <tr>
      <td align="right" height="25" width="143">Nom :&nbsp;</td>
      <td height="25" width="438">&nbsp;<input type="text" name="T1" size="38"></td>
    </tr>
    <tr>
      <td align="right" height="25" width="143">Prénom :&nbsp;</td>
      <td height="25" width="438">&nbsp;<input type="text" name="T1" size="38"></td>
    </tr>
    <tr>
      <td align="right" height="138" width="143">Adresse :&nbsp;</td>
      <td height="138" width="438">&nbsp;<textarea rows="6" name="S1" cols="29"></textarea></td>
    </tr>
    <tr>
      <td align="right" height="25" width="143">Réservation :</td>
      <td height="25" width="438">&nbsp;
<input type="text" name="Adulte" id="I1A"  value="0" onchange="C1()" onFocus="this.value=''" 
 
onkeyup="verif_nombre(this);" size="5">Place(s) Adulte [ <b>16</b>
        € ]</td>
    </tr>
    <tr>
      <td align="right" height="25" width="143"></td>
      <td height="25" width="438">&nbsp;
<input type="text" name="Enfant" id="I1B" value="0" onchange="C1()" onFocus="this.value=''" 
 
onkeyup="verif_nombre(this);" size="5">  Place(s) Enfant
        (<i>- de 16 ans</i>) [ <b>8</b> € ]</td>
    </tr>
    <tr>
      <td align="right" height="49" width="143"></td>
    </center>
    <td height="49" width="438">
      <p align="center">
<input type="button" onclick="C1()" value="Calculer le prix"></td>
  </tr>
  <center>
  <tr>
    <td align="right" height="21" width="143"></td>
    <td height="21" width="438"></td>
  </tr>
  <tr>
    <td align="right" height="25" width="143">Prix à payer :</td>
    <td height="25" width="438">&nbsp;<input type="text" id="ST1" readonly/ size="14">
      €</td>
  </tr>
  <tr>
    <td align="right" height="21" width="143"></td>
    <td height="21" width="438"></td>
  </tr>
  <tr>
    <td align="right" height="21" width="143"></td>
    <td height="21" width="438"><input type="submit" value="Envoyer" name="B1" 
 
onClick="this.form.submit();this.disabled=true;this.value='Patientez...'"></td>
  </tr>
  </table>

salut,
pour faire simple, je ferais un test dans la fonction de calcul:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
function C1()
{
var v1 = document.getElementById("I1A").value;
var v2 = document.getElementById("I1B").value;
 
if (v1=='') {
v1=0;
document.getElementById("I1A").value=0;
}
else {v1=parseInt(v1);}
if (v2==''){
v2=0;
document.getElementById("I1B").value=0;
}
else {v2=parseInt(v2);}
 
document.getElementById("ST1").value = v1*16 + v2*8;
}

04/10/2007, 17h58
fande

merci bcp sa va m'aider a mieux comprendre ;)
04/10/2007, 18h01
fande

es-ce que il aurait la possibilité de remettre aussi les valeurs d'origine dans le champ vide automatiquement ?