[javascript] champs formulaires

Bonjour,
Je souhaiterais mettre les textes des champs non remplis en rouge une fois le formulaire soumis.
Et ça marche po.
Pourriez vous m'aider?
La solution Javascript est elle la seule solution?
Voici mon code.

-------Dans mon head----------------------
<script language="javascript" type="text/javascript">
function couleur(obj) {
obj.style.color = "red";
}
</script>

---------Dans mon body ------------------
<form id="form" name="form" method="post" action=" " onsubmit="return couleur(this)">
<table><tr>
<td class="infos" onBlur="javascript:couleur(this);">Nom * </td>
<td ><label for="textfield"></label>
<input name="nom" type="text" id="nom" value="<?php echo (htmlentities($_POST['nom'])) ?>" /></td>
</tr></table>

Bien évidemment je n'ai mis qu'un champ pour cet exemple
Dans cet exemple, je souhaiterais qu'une fois le formulaire soumis, le mot "Nom *" se colore en rouge
En fait, je ne sais pas ou mettre mon instruction de fonction et ou que je la mette, ca marche po.
Merci de votre aide.
ed

Configuration: Windows XP
Firefox 3.0.10