salve a tutti!

ho creato un form di registrazione in html per il mio sito e vorrei fare in modo che il pulsante submit che invia i dati diventasse cliccabile soltanto quando tutti i campi saranno riempitib e non prima, quindi prima di compilare tutti i campi il bottone deve essere disabilitato!
esiste un modo per fare ciò?
ringrazio in anticipo e attendo risposte!

-codice del mio form:
Codice PHP:
<html>
<body>
<form method="post" action="registra.php">
<table border="1" bordercolor="#005408" style="background-color:#BFFEA5" width="380" cellpadding="1" cellspacing="0">
<tr>
        <td>
<table border="0" bordercolor="#000000" style="background-color:#BFFEA5" width="380" cellpadding="1" cellspacing="0">
    <tr>
        <td><font face="Verdana" color="green"> Nome</font>    </td>
        <td><input type="text" name="nome" id="nome" size="30" /></td>
    </tr>
    <tr>
        <td><font face="Verdana" color="green"> Cognome</font>    </td>
        <td><input type="text" name="cognome" id="cognome" size="30" /></td>
    </tr>
    <tr>
        <td><font face="Verdana" color="green"> Username</font>    </td>
        <td><input type="text" name="username" id="username" size="30" /></td>
    </tr>
    <tr>
        <td><font face="Verdana" color="green"> E-mail</font>    </td>
        <td><input type="text" name="mail" id="mail" size="30" /></td>
    </tr>
    <tr>
        <td><font face="Verdana" color="green"> Password</font>    </td>
        <td><input type="password" name="pass2" id="password" size="30" /></td>
    </tr>
    <tr>
        <td><font face="Verdana" color="green"> Ripeti</font>    </td>
        <td><input type="password" name="pass1" id="password" size="30" /></td>
    </tr>
 </table>

<table border="0" bordercolor="#000000" style="background-color:#BFFEA5" width="380" cellpadding="1" cellspacing="0">
<tr>
        <td><center><input type="submit" name="pulsante" value="Invia" /> <input type="reset" value="Cancella" /></center>
</td>
        </tr>
</table></td>
</tr>


</form>
</body>
</html>