Contacaratteri mail

Con questo codice conta i caratteri inseriti prima nell'username e poi nel dominio, però nella parte username l'alert esce solo se inserisco la chiocciola.

Vorrei fare in modo che l'alert esca quando è raggiunto il limite max nell'username e si deve anche bloccare l'inserimento dei caratteri fino a quando viene inserita 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>15)document.getElementById('contaEmail').innerHTML += "Username: max 15 caratteri<br />"; 
if(dominio.length>20)document.getElementById('contaEmail').innerHTML += "Dominio: max 20 caratteri"; 
return true
}
else {
f.suoemail.style.borderColor='black'; 
f.suoemail.style.backgroundColor='#d8ecff'; 
f.suoemail.focus();
return false
}
 }