Campo non obbligatorio che auto compila

[Ht28]

Ho questo campo non obbligatorio, vorrei però che quando l'utente non lo compila mi metta poi a video 3 barrette ---
a video se il campo non viene compilato dovrebbe apparire così: Città ---

//(Campo non obbligatorio)
if((f.citta.value.indexOf("<") != -1) || (f.citta.value.indexOf(">") != -1) || (f.citta.value.indexOf("\\") != -1)){
f.citta.style.color='white' 
f.citta.style.backgroundColor='red'
alert("I caratteri  <  >  \\  non sono ammessi");
f.citta.focus();
f.citta.style.color=""
return false; 
}
return true;