La funzione dura solo un secondo

[giannidef]

Ho scritto questo codice per effettuare una verifica dei dati inseriti in un form:

 
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

[br1]

Ovviamente c'e' qualcosa altrove... posta un link alla pagina.

[giannidef]

in effetti è come dici tu, inviavo i dati con un submit e non un button e la pagina veniva richiamata subito con:
<form name="registrazione" id="registra" action="#">
adesso dovrei inviare i dati alla pagina registrazione.php inserendo questo codice al posto dell'alert

$.ajax({
type: "POST",
url: "registrazione.php",
data: "cognome=" + $cognome + "&nome=" + $nome + "&email=" + $mail + "&password=" + $pass,
dataType: "json",
});

ma non funziona :-(, forse non è possibile chiamare una funzione ajax all'interno di una funzione javascript?

[mxa]

Originariamente inviato da giannidef
in effetti è come dici tu, inviavo i dati con un submit e non un button e la pagina veniva richiamata subito con:
<form name="registrazione" id="registra" action="#">
adesso dovrei inviare i dati alla pagina registrazione.php inserendo questo codice al posto dell'alert

$.ajax({
type: "POST",
url: "registrazione.php",
data: "cognome=" + $cognome + "&nome=" + $nome + "&email=" + $mail + "&password=" + $pass,
dataType: "json",
});

ma non funziona :-(, forse non è possibile chiamare una funzione ajax all'interno di una funzione javascript?

$.ajax e' la funzione jQuery che wrappa l'oggetto XMLHttpRequest. Se jQuery non e' incluso nella tua pagina ovviamente chiamare $.ajax genera un errore.