Probleme vérification du tel avec javascript

Bonjour,
dans le cadre d'une application en php je veux faire des testes sur la validité d'un tel avec javascript
voici le code que j'utilise
<script type="text/javascript">
var etat=false;
var telValide=etat;

function verifierTel() {
var exp=new RegExp("^(05|06)[0-9]{8}","gi");
if ( exp.test($("#tel").val()) ) {
$("#err_code_postal").hide();
$("#imgCodePostal").attr('src','../itlearning/images/valide.png');
$("#imgCodePostal").fadeIn("slow");
telValide=true;

}
else {
$("#err_code_postal").fadeIn("slow");
$("#imgCodePostal").attr('src','../itlearning/images/invalide.png');
$("#imgCodePostal").fadeIn("slow");
telValide=false;

}
griserBoutton();

}

function griserBoutton(){
if(!cinValide || !nomValide || !prenomValide || !adresseValide || !codeValide || !mailValide || !telValide )
$("#Valider").attr("disabled","disabled");
else $("#Valider").removeAttr("disabled");
}

function activer(zone){
zone.style.background='#ff8';
zone.style.border='1px solid #880';
}

function desactiver(zone){
zone.style.background='#fff';
}


et voici son appel dans mon formulaire


<td>tel</td>
<td>:</td>
<td><input name="tel" type="text" id="tel" style="width: 160px;" onfocus="activer(this);" onblur="desactiver(this);verifierTel();" size="30" />
<img id="imgNom" style="display: none;">
<div class="Style5" id="err_nom" style="display: none;">
<font color="#ff0000">le Tel est obligatoire et doit etre valide</font></div></td>
</tr>