Formulaire+champs cachés

 Salut!
J'ai un formulaire qui assure la gestion des titres dans une bibliothèque.
Le responsable choisit soit d'ajouter un titre, soit de le modifier, soit de le supprimer.
Le problème c'est que lorsque le responsable sélectionne le bouton radio "Supprimer", tous les champs de saisie doivent être cachés.
Comment faire sachant que je souhaîte insérer une fonction javascript qui teste la validation du formulaire d'où ne pas permettre l'envoi des données si un champs est vide?
Je pense qu'on doit passer des données par défaut si aucune donnée n'est entrée(le cas de champs cachés)..

Le code:

<table width="800">
<tr>
    <td width="675"><form action="aj_mod_sup.php" method="post" name="titges" id="titges" onsubmit="return(check(this));">
      <p>&nbsp;      </p>
      <table width="500" border="0" cellpadding="0" cellspacing="0" bgcolor="#00CCFF">
        <tr>
          <td width="349" height="43"><input name="op" type="radio" value="Ajout" checked>
            Ajouter
            <input name="op" type="radio" value="Modif">
            Modifier
            <input name="op" type="radio" value="Supp">
            Supprimer</td>
          <td width="151">&nbsp;</td>
        </tr>
        <tr>
          <td height="41">Code</td>
          <td><input name="code" type="text" id="code" value="--insert--"></td>
        </tr>
        <tr>
          <td height="41">Titre</td>
          <td><input name="titre" type="text" id="titre" value="--insert--"></td>
        </tr>
        <tr>
          <td height="40">Auteur</td>
          <td><input name="auteur" type="text" id="auteur" value="--insert--"></td>
        </tr>
        <tr>
          <td height="43">ISBN</td>
          <td><input name="ISBN" type="text" id="ISBN" value="--insert--"></td>
        </tr>
        <tr>
          <td height="42">theme</td>
          <td><input name="theme" type="text" id="theme" value="--insert--"></td>
        </tr>
        <tr>
          <td height="42">Nombre total des livres </td>
          <td><input name="nb_tot" type="text" id="nb_tot" value=0></td>
        </tr>
        <tr>
          <td height="44">Nombre de livres disponibles </td>
          <td><input name="nb_disp" type="text" id="nb_disp" value=0></td>
        </tr>
        <tr>
          <input type='hidden' name='code1' value='<?php print $des[0]; ?>' >
          <td height="44"><input name="Submit" type="submit" id="Submit"  value="Envoyer">
            <input type="reset" name="Submit2" value="Effacer"></td>
          <td>&nbsp;</td>
        </tr>
      </table>
      <p>&nbsp; </p>
    </form></td>
  </tr>
</table>

MERCI!
 

Soluce rapide, tu les places dans un calques (<DIV>) que tu affiches ou pas (display:block ou display:none) en fonction de la valeur de ton radio

a brule pourpoint
<script type="text/javascript">
    function cacheDiv(nomDiv)
{
    if (document.nom_du_form.radio.value == "supprimer")
    {
        document.getElementById(nomDiv).style.display = "none";
    }else{
       document.getElementById(nomDiv).style.display = "block";
    }
}
</script>
<form name="nom_du_form">
<input type="radio" name="radio" value="ajouter"  onChange="javascript:cacheDiv('toto')" />Ajouter
<input type="radio" name="radio" value="modifier" onChange="javascript:cacheDiv('toto')" />Modifier
<input type="radio" name="radio" value="supprimer" onChange="javascript:cacheDiv('toto')" />Supprimer
<!-- champs toujours visible -->
<input type="text" name="titi0" value="jfdsb" />
<!-- champs a cacher -->
<div id="toto">
    <input type="text" name="titi"  value="kfnl" />
    <input type="text" name="titi2"  value="kfnl" />
</div>

</form>

Mon code est peut etre pas bon, mais cherche dans ce sens la
En gros, cherche un javascript qui permet d'afficher ou de masquer un calque (div)