Probleme avec un champ qui doit etre numeric

Fermé
chagaran chelby - 3 mai 2010 à 19:35
voila , je cherche comment faire avc javascript pour que un champ soit numeric , le champ " tel" par exemple : voici mon script :


<html>
<head>
<title>reservation</title>
</head>


<script type="text/javascript">

function valider()
{
if(document.formSaisie.tn.value =="")
alert("Saisissez le nom");

else {
if(document.formSaisie.tp.value =="")
alert("Saisissez le prenom");

else {
if(document.formSaisie.tnn.value =="")
alert("Saisissez le numero de telephone");

else {
if(document.formSaisie.tnx.value =="")
alert("Saisissez le numero du fax");

else {
if(document.formSaisie.te.value =="")
alert("Saisissez l'email");

else {
if((document.formSaisie.dtch.value =="00") && (document.formSaisie.dtcch.value =="00") && (document.formSaisie.dtccch.value =="00"))
alert("Saisissez total chambre");

else {
if((document.formSaisie.r1.checked==false) && (document.formSaisie.r2.checked==false))
alert("Saisissez la pension");
else {
if((document.formSaisie.tnn.value.length !=8))
alert("votre numero de tel ne doit contenir que 8 chiffres");



}
}
}
}
}
}
}
}


</script>




















































<body>
<form action="source.html" method="post" name="formSaisie">
<center><h1>Hotel VAGA ( Reservation ) </h1></center>
<table border="0" cellspacing="20" cellpadding="0">
<tr><td>Nom ( requis )</td><td><input type="text" name="tn"></td></tr>
<tr><td>Prenom</td> <td><input type="text" name="tp"></td></tr>
<tr><td>Tél</td><td><input type="text" name="tnn"></td></tr>
<tr><td>Fax</td><td><input type="text" name="tnx"></td></tr>
<tr><td>Email ( requis )</td><td><input type="text" name="te"></td></tr>
<td><strong>Séjours</strong></td></tr>


<tr><td>Date d'arrivée</td><td><select name="dar">
<option>01</option>
<option>02</option>
<option>03</option>
<option>04</option>
<option>05</option>
<option selected>06</option>
<option>07</option>
<option>08</option>
<option>09</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option></select>               /</td>
<td><select name="darr">
<option>Janvier</option>
<option>Fevrier</option>
<option>Mars</option>
<option selected>Avril</option>
<option>Mai</option>
<option>Juin</option>
<option>Juillet</option>
<option>Aout</option>
<option>Septembre</option>
<option>Octobre</option>
<option>Novembre</option>
<option>Decembre</option></select>       /</td>
<td><select name="darrr">
<option selected>2009</option>
<option>2010</option>
<option>2011</option>
<option>2012</option></select></td></tr>


<tr><td>Date de départ</td><td><select name="ddp">
<option>01</option>
<option>02</option>
<option>03</option>
<option>04</option>
<option>05</option>
<option>06</option>
<option selected>07</option>
<option>08</option>
<option>09</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option></select>               /</td>
<td><select name="ddpp">
<option>Janvier</option>
<option>Fevrier</option>
<option>Mars</option>
<option selected>Avril</option>
<option>Mai</option>
<option>Juin</option>
<option>Juillet</option>
<option>Aout</option>
<option>Septembre</option>
<option>Octobre</option>
<option>Novembre</option>
<option>Decembre</option></select>       /</td>
<td><select name="ddppp">
<option selected>2009</option>
<option>2010</option>
<option>2011</option>
<option>2012</option></select></td></tr>



<tr><td>total chambre(s)</td><td><select name="dtch">
<option>00</option>
<option>01</option>
<option>02</option>
<option>03</option>
<option>04</option>
<option>05</option>
<option>06</option>
<option>07</option>
<option>08</option>
<option>09</option>
<option>10</option></select>  double</td></tr>
<tr><td></td><td>
<select name="dtcch">
<option>00</option>
<option>01</option>
<option>02</option>
<option>03</option>
<option>04</option>
<option>05</option>
<option>06</option>
<option>07</option>
<option>08</option>
<option>09</option>
<option>10</option></select>  single</td></tr>
<tr><td></td><td>
<select name="dtccch">
<option>00</option>
<option>01</option>
<option>02</option>
<option>03</option>
<option>04</option>
<option>05</option>
<option>06</option>
<option>07</option>
<option>08</option>
<option>09</option>
<option>10</option></select>  triple</td></tr>


<tr><td>total adulte(s)</td><td><select name="dadu">
<option>01</option>
<option>02</option>
<option>03</option>
<option>04</option>
<option>05</option>
<option>06</option>
<option>07</option>
<option>08</option>
<option>09</option>
<option>10</option></select></td></tr>

<tr><td>total enfant(s) ( 2-11 ans )</td><td><select name="dadu">
<option>00</option>
<option>01</option>
<option>02</option>
<option>03</option>
<option>04</option>
<option>05</option>
<option>06</option>
<option>07</option>
<option>08</option>
<option>09</option>
<option>10</option></select></td></tr></table>

<table border="0" cellspacing="20">
<tr><td>pension</td><td><input type="checkbox" name="r1" >demi-pension ( petit déjeuner et diner)</td>
<td><input type="checkbox" name="r2" >Pension complete</td></tr></table><br>
<table align="center" >
<tr><td><input type="button" value="calculer Total" name="calc"></td>
<td><input type="text"Name="cal"></td></tr>
<tr><td><input type="submit" value="confirmer" onClick="valider()"></td>
<td><input type="reset" value="réinitialiser" name="reni"></td></tr>
</table>
</body>
</html>