Bonjour,

j'ai suivi pas à pas le super tuto de grafikart sur pour la vérification des champs texte via JQuery. Pourtant malgré cela mon formulaire ne fonctionne pas.

Voici mon code Javascript :

<script type="text/javascript">
$(function() {
$("#submit").click(function(){
valid = true;
if($("#nom1").val() == "" ){
$("#nom1").css("border-color";"#FF0000");
$("#nom1").next(".error-message").fadeIn().text("Veuillez entrer votre nom");
valid = false;
}
else if(!$("#nom1").val().match(/^[a-z]+$/i)){
$("#nom1").css("border-color";"#FF0000");
$("#nom1").next(".error-message").fadeIn().text("Veuillez entrer un nom valide");
valid = false; 
}
else {
$("#nom1").css("border-color";"#94d801");
$("#nom1").next(".error-message").fadeOut();
}
return valid;
});
});
</script>

et voici le code HTML du formulaire :

<table width="900" border="0" cellspacing="0">
        <form action="../Scripts/treat.php" method="post" name="formulaire" id="form"> 
        <tr>
          <td align="center" valign="top">
          <table width="480" border="0" cellspacing="0">
            <tr>
              <td colspan="2" align="center" valign="middle"><img src="images/form/vous.jpg" alt="" align="left" /></td>
            </tr>
            <tr>
              <td width="144" align="left" valign="middle">Votre Nom :</td>
              <td width="314" align="left" valign="top">
                <input name="nom1" type="text" class="champtexte" id="nom1" maxlength="30" />
                <span class="texte3">*</span>
                <div class="error-message"></div>
                </td>
            </tr>
            <tr>

...]

<tr>
<td align="right" valign="top"><INPUT name="Envoi" border=0 src="images/form/val1.jpg" type="image" width="100" height="25" Value="submit" align="middle" id="submit"></td>
</tr>
</table>

J'ai cru comprendre que ce script dans un tableau de fonctionnait pas mais étant novice en Javascript je ne sais pas comment modifier mon code pou résoudre le problème si c'est vraiment là la source du problème.

Merci d'avance pour votre aide,

Alex

2 réponses


elscorto
Réponse acceptée

Salut quand tu mets $("#nom1").css("border-color";"#94d801");

il me semble que c'est une "," pour séparer les paramètres de la méthode css.

Salut à toi,

L'erreur ne doit pas être bien grave, j'aimerai savoir qu'est ce qui ne marche pas concrétement. Les erreurs ne s'affichent pas ?