Problème champs txtbox

**fande** · 04/10/2007, 16h28

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

**fande** · 04/10/2007, 16h29

les scripts utliser :

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

**fande** · 04/10/2007, 16h30

et le formulaire

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

**jibouze** · 04/10/2007, 16h54

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

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
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;
}