Validare lunghezza mail

[Ht28]

A questo codice esce l'alert della lunghezza massima solo quando inserisco la chiocciola, io invece dovrei fare in modo che l'alert esca quando raggiungo la lunghezza max dell'user o dominio, senza però che prima debba inserire la chiocciola

//Conta lunghezza User e Dominio  
function contaEmail() {  
var f = document.forms.mioform1;  
document.getElementById('contaEmail').innerHTML = "";  
if (f.suoemail.value.indexOf('@')>=0) {  
var username=f.suoemail.value.split('@')[0]; 
var dominio=f.suoemail.value.split('@')[1]; 
if(username.length>20)
document.getElementById('contaEmail').innerHTML += "Username: max 20 caratteri
";  
if(dominio.length>20)
document.getElementById('contaEmail').innerHTML += "Dominio: max 20 caratteri";  
return false 
}
else { 
f.suoemail.style.borderColor='black';  
f.suoemail.style.backgroundColor='#d8ecff';  
f.suoemail.focus(); 
return true 
} 
}