champs obligatoire dans un formulaire

Salut a tous,

j'ai un formulaire et j'aimerai bloquer l'envoi tant que certains champs ne sont pas rempli. et qu'unefois le formulaire rempli l'envoi se fasse......

j'ai essayer plusieures script.... meme du javascript mais je n'y connais rien du tout

voici mon formulaire

[code]

<span class="texteGros">VOS COORDONNEES</span>

<form method="post" enctype="multipart/form-data" action="upload-v3.php">

    <p class="texteSeul">nom :
        <input name="nom" type="text" id="nom" />
    </p>
   
    <p class="texteSeul">pr&eacute;nom :
        <input name="prenom" type="text" id="prenom" />
    </p>
   
    <p class="texteSeul">adresse :
        <input name="adresse" type="text" id="adresse" />
    </p>
   
    <p class="texteSeul">code postal :
        <input name="cp" type="text" id="cp" size="6" maxlength="5" />
    </p>
   
    <p class="texteSeul">ville :
        <input name="ville" type="text" id="ville" />
    </p>
   
    <p class="texteSeul">t&eacute;l&eacute;phone :
        <input name="tel" type="text" id="tel" size="11" maxlength="10" />
    </p>
   
    <p class="texteSeul">e-mail :
        <input name="email" type="text" id="email" maxlength="100" />
    </p>
   
    <table width="494" class="texteSeul">
        <tr>
            <td width="368"><p>Je souhaite afficher mes coordonn&eacute;es sur le site : </p></td>
               <td width="55"><label><input type="radio" name="affichercontact" value="1" />Oui</label></td>
            <td width="55"><label><input type="radio" name="affichercontact" value="0" />Non</label></td>
        </tr>
    </table>
   
    <p class="texteGros">VOTRE VEHICULE</p>
 
    <p class="texteSeul">Marque :
        <input name="marque" type="text" id="marque" maxlength="50" />
    </p>
   
    <p class="texteSeul">Mod&egrave;le :
        <input name="modele" type="text" id="modele" maxlength="50" />
    </p>
   
    <p class="texteSeul">Ann&eacute;e :
        <input name="annee" type="text" id="annee" size="5" maxlength="4" />
    </p>
   
    <p class="texteSeul">Kilom&eacute;trage :
        <input name="kilometre" type="text" id="kilometre" size="9" maxlength="8" border="0" /> km
    </p>
   
    <p class="texteSeul">Etat g&eacute;n&eacute;ral de la voiture :
        <select name="etat" id="etat">
            <option selected="selected" value="">-----------------</option>
            <option value="impecable">Etat imp&eacute;cable</option>
            <option value="bon_etat">Bon &eacute;tat</option>
            <option value="roulante">Roulante</option>
            <option value="epave">Epave</option>
        </select>
    </p>
   
    <table width="461" border="0" cellspacing="0" cellpadding="0">
        <tr>
               <td width="289" valign="top" class="texteSeul">Texte de l'annonce (250 caract. max.) :</td>
            <td width="172" class="texteSeul"><textarea name="description" rows="4" id="description"></textarea></td>
        </tr>
    </table>
   
      </br>
   
      <table width="396" border="0" cellspacing="0" cellpadding="0" class="texte">
        <tr>
            <td width="127">1&egrave;re photo : </td>
            <td width="269"><input type="file" name="fichier1" size="30" /></td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td>2ème photo : </td>
            <td><input name="fichier2" type="file" id="fichier2" size="30" /></td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td>3ème photo : </td>
            <td><input name="fichier3" type="file" id="fichier3" size="30" /></td>
          </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
        <tr>
            <td>4ème photo : </td>
            <td><input name="fichier4" type="file" id="fichier4" size="30" /></td>
          </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
        <tr>
            <td>5ème photo :</td>
            <td><input name="fichier5" type="file" id="fichier5" size="30" /></td>
          </tr>
    </table>
   
    </br>

    <table width="738" class="texteSeul">
        <tr>
            <td width="395" height="36"><p>Je souhaite d&eacute;poser mon annonce pour une dur&eacute;e de : </p>
        </td>
               <td width="107"><label><input type="radio" name="duree" value="1" />1 semaine</label></td>
            <td width="107"><label><input type="radio" name="duree" value="2" />2 semaines</label></td>
            <td width="109"><label><input type="radio" name="duree" value="3" />3 semaines</label></td>
        </tr>
  </table>

    <p>
        <input type="submit" name="upload" value="Valider votre saisie" />
    </p>
   
    <p>&nbsp;</p>
   
</form>

[/code]



jaimerai rendre les champs en rouge obligatoires..... et garder les valeurs des champs quand la page se recharge suite au manque d'un champs....

sinon si tout est rempli, le formulaire s'envoie normalement

merci de votre aide

Tu peux faire une fonction javascript que tu insères dans le head, du style:

<head>
      <script type="text/javascript">
            function verification_des_champs()
            {
            var nom = document.getElementById('nom').value;
            var prenom = document.getElementById('prenom').value;
            var email = document.getElementById('email').value;

            //....tu fais pareil pour tes autres champs obligatoires....

            if(nom == '') {        // ''  deux apostrophes collées (non pas les guillemets ") signifient un champ vide
            alert("Veuillez entrer votre nom!");
            else if(prenom == '') {
                   alert("Veuillez entrer votre prenom:");
                   else if(email == '') {
                          alert(" //................je pense que tu as compris la logique


                                   else return true;    //le dernier else
                              }
                        }  
                  //...ferme toutes les accollades
         }
      </script>

t'appelles cette fonction dans ton bouton de validation par :

<input type="submit" name="upload" value="Valider votre saisie" onclick="verification_des_champs()" />

normalement ça marche.

@++