Ik heb 2 kleine problemen met jquery waar ik niet uit kom
Wie kan mij hierbij helpen.

Korte uitleg:
Bij het invoeren van het e-mail adres moet er na het verlaten van het invoerveld een ajax request naar de database plaatsen vinden om te kijken of het e-mail adres al bestaat in een bepaalde tabel.
Het request gedeelte gaat helemaal goed alleen de afhandling in het script hieronder loop ik op stuk.

script:

Code:

    $(document).ready(function(){
        $("#email").change(function() {
            var email = $("#email").val();
            if(email.length >= 3) {
                $.ajax({
                    type: "POST",
                    url: "check.php",
                    data: "email=" + email,
                    success: function(msg){
                        $("#status").ajaxComplete(function(event, request, settings){
                            if(msg != 'NO') {
                                $("#pay").hide();
                                $(this).html('<input type="hidden" name="pay_account_id" value="' + msg + '" />');
                            } else {
                                $("#pay").show('slow');
                            }
                        });
                    }
                });
            } else {
                $("#pay").hide();
            }
        });
    });

1. het script gaat al checken als je 3 karakters hebt in getoets, dit wil ik eigenlijk pas als je het invoerveld verlaat.
2. Het request returnt NO of een getal in msg dit gaat goed. Alleen als msg NO is moet hij de DIV pay zichbaar maken maar dat doet hij niet, en als msg een getal is dan moet er een hidden input field in de HTML gezet worden en dit doet hij ook niet.

Wie kan mij het duwtje in de goede richting gegeven.

Wat nu als je .change() niet op #email doet, maar op form? Dat zou het volgens mij moeten doen.

Change doet in principe precies wat het zegt. Tijdens een elke verandering (typen) wordt er dus een functie uitgevoerd. Neem eens een kijkje naar focusout() of blur(). Wellicht zul je hier veel meer aan hebben.

Succes!

Is inmiddels gelukt bedankt voor de antwoorden.

Goed om te horen! Hoe heb je het opgelost (als ik vragen mag)?

Dit

Code:

$("#status").ajaxComplete(function(event, request, settings){

is geworden

Code:

$(document).ajaxComplete(function(event, request, settings){

EN dit de verwijzing naar $(this) is dit geworden:

Code:

$("#status").html('<input type="hidden" name="pay_account_id" value="' + msg + '" />');

Martijn

Ahh zo, dan begreep ik het verkeerd excuses. Je wilt het ID dat gereturned word als hidden input field gebruiken?

Ik zou sowieso je change() aanpassen naar blur() of focusout(). Interface-wise wil je pas een check doen wanneer een klant het invoerveld verlaat en volledig heeft ingevuld.

Met change zeg je in principe:
Na elke aanpassing(keyboard toets) moet je even kijken of value meer dan 3 karakters heeft.

Ja die aanpassing moet ik er nog uit halen maar dat is niet zo schokkend om te doen ging mij meer om het verstoppen van de div en/of dat hidden input veld er in te zetten daar liep ik op stuk.

Zal de komende tijd wel meer JS vragen hebben.

Ah oke oke, duidelijk.

Zou graag een keer een voorbeeld ervan willen zien, ben benieuwd!

In het verlengde van mijn vorige vraag loop ik nu tegen het volgende probleem aan:

Wat ik nog zou willen is het volgende:
Na een pagina refres en er zijn foutmeldingen door dat de invoer of er iets anders niet goed gegaan dan wordt het veld e-mail netjes ingevuld weer wat ik dan zou willen is dat het extra invoerveld ook gelijk zichtbaar word.

Code:

$(document).ready(function(){
    $("#email").blur(function() {
        var email = $("#email").val();
        $.ajax({
            type: "POST",
            url: "check.php",
            data: "email=" + email,
            success: function(msg){
                $(document).ajaxComplete(function(event, request, settings){
                    if(msg == 'NO') {
                        $("#status").html('<input type="hidden" name="pay_account_id" value="' + msg + '" />');
                    } else if(msg == 'exist') {
                        $("#status").html('<div class="alert">Dit account bestaat al!</div>');
                    } else {
                        $("#pay").show('fast');
                    }
                });
            }
        });
    });
    $("#email").load(function(){
        var email = $("#email").val();
        if(email.length > 0) {
            $("#pay").show('fast');
        }
    });
});

ik dacht doe dat met load maar dit wil niet werken.
Iemand hier een goede suggestie voor?