Ho scritto questo codice per effettuare una verifica dei dati inseriti in un form:
codice:
function verificadati(){
var $cognome = document.getElementById("cognome").value;
var $nome = document.getElementById("nome").value;
var $mail = document.getElementById("email").value;
var $mailcontrollo = document.getElementById("emailrip").value;
if ($mail !== $mailcontrollo) {
document.getElementById("email").style.backgroundColor = '#D40000';
document.getElementById("emailrip").style.backgroundColor = '#D40000';
return;
}
var $pass = document.getElementById("passwordlog").value;
var $passcontrollo = document.getElementById("passwordrip").value;
if ($pass !== $passcontrollo) {
document.getElementById("passwordlog").style.backgroundColor = '#d40000';
document.getElementById("passwordrip").style.backgroundColor = '#d40000';
return;
}
alert('ok');
}
logicamente bisogna completarlo (ad esempio al posto dell'alert ci sarà una funzione che invierà i dati ad una pagina php). Il problema che i campi errati del form si colorano di rosso (come io voglio) ma solo per pochi (forse uno) secondi, mentre io voglio che resti fisso il rosso almeno fino a che il campo non ricevi il focus. Come posso fare? grazie