getJson problem

Af en eller anden grund er den lige glad med om json request ikke er "færdig endnu".
Har lavet noget comment i koden der måske kan hjælpe til forståelsen af mit problem.

JScript kode 

 function checkLogin() {
     error = false;
     $("#error").empty();
     $("#error").css("display", "none");
     
     email = document.forms[0].email.value;
     password = document.forms[0].password.value;
     
     if (!email) { // virker
         $('#error').prepend('<p>Emailen skal udfyldes</p>');
         $('#email').css("border", "1px solid #ff9a9a");
         $('#error').css("display", "block");
         error = true;
     }
     if (!password) { // virker
         $('#error').prepend('<p>Kodeordet skal udfyldes</p>');
         $('#password').css("border", "1px solid #ff9a9a");
         $('#error').css("display", "block");
         error = true;
     }
 
     if (password && email) {
         $.getJSON('../community/login.php?jsonrequest=login&email=' + email + '&password=' + password + '', 
         function(response) {
             if (response.login) {
                                 // Den er ligeglad med at error nu er true
                 error = true;
                 $('#error').prepend('<p>Ugyldigt login</p>');
                 $('#error').css("display", "block");
             }
         });
                 // Den kører tingene jeg sætter her nede.
     }
     
     if (error) { // Hvis error er true så return false og ikke post.
         return false;
     }
 }

Hvis jeg sætter functionen til at return false lige meget hvad kan jeg se at hvis jeg skriver et forkert login kører den:
$('#error').prepend('<p>Ugyldigt login</p>');
$('#error').css("display", "block");

Så hvorfor er den ligeglad med min getJson?

Er det ikke fordi din "error" er i et andet scope, når dit json kommer tilbage er det jo en callback, og det er asynkront, det vil sige at din javascript er afviklet og væk? Kender ikke så meget til javascript, men det lyder fornuftigt i mine ører.

Brian har ret. Det er fordi kaldet er asynkront. Det vil sige at "if (error)" evalueres før "function(response)". Retursvaret fra getJSON bliver faktisk først evalueret når checkLogin() er afsluttet.
Du skal også være opmærksom på at dine variabler error, email og password deklareres i global scope. brug "var error = false" for at deklarere i local scope.

Så hvad skal jeg gøre?
Overvejede at bruge ajax i stedet men så så jeg:

By default, all requests are sent asynchronously (i.e. this is set to true by default). If you need synchronous requests, set this option to false. Cross-domain requests and dataType: "jsonp" requests do not support synchronous operation. Note that synchronous requests may temporarily lock the browser, disabling any actions while the request is active. As of jQuery 1.8, the use of async: false is deprecated.

jQuery getJson er Ajax. Det er fint nok det du gør men kunne være en idé at omstrukturere det lidt.

Eksempel: I stedet for den checkLogin funktion du har nu så del det op i i validering og login-forsøg. Så du tjekker om felterne er gyldige hvis de er sender du en forespørsel til serveren.

 if (validateFields()) {
     jsonLogin();
 };

I jsonLogin laver du kaldet kaldet til jQuery.getJson i din handlerfunktion tjekker du som om login'net er gyldigt.

Sådan kunn funktionerne f.eks. se ud:

 function validateFields() {
     var error = false;
     $("#error").empty();
     $("#error").css("display", "none");
     email = document.forms[0].email.value;
     password = document.forms[0].password.value;
     if (!email) {
         $('#error').prepend('<p>Emailen skal udfyldes</p>');
         $('#email').css("border", "1px solid #ff9a9a");
         $('#error').css("display", "block");
         error = true;
     }
     if (!password) {
         $('#error').prepend('<p>Kodeordet skal udfyldes</p>');
         $('#password').css("border", "1px solid #ff9a9a");
         $('#error').css("display", "block");
         error = true;
     }
     return error;
 }
 
 function jsonLogin() {
     email = document.forms[0].email.value;
     password = document.forms[0].password.value;
     $.getJSON('../community/login.php?jsonrequest=login&email=' + email + '&password=' + password + '',
         loginHandler    //Handler-funktionen
     });
 }
 
 function loginHandler(response) { 
         //Det her skal nok tilpasses.
     if (response.login) {
         error = true;
         $('#error').prepend('<p>Ugyldigt login</p>');
         $('#error').css("display", "block");
     }
 }