[JS] Formulier opmaken

jquery werkt met .val()

Rogier schreef:

jquery werkt met .val()

De lengte check werkt wel.

Toch een klein probleempje;

http://bit.ly/12qYg2l

Als ik nu 2 velden goed invul en de 3e is niet goed, dan worden ze allemaal rood. Enig idee hoe ik dat kan oplossen?

function checkInput(input){
    if(input.value.length < 3){
        $("input.input_g").removeClass("input_g").addClass("input_r");
    }
    else{
        $("input.input_r").removeClass("input_r").addClass("input_g");
    }
}

->

function checkInput(input){
    if(input.value.length < 3){
        $(input).removeClass("input_g").addClass("input_r");
    }
    else{
        $(input).removeClass("input_r").addClass("input_g");
    }
}

Rogier schreef:

function checkInput(input){
    if(input.value.length < 3){
        $("input.input_g").removeClass("input_g").addClass("input_r");
    }
    else{
        $("input.input_r").removeClass("input_r").addClass("input_g");
    }
}

->

function checkInput(input){
    if(input.value.length < 3){
        $(input).removeClass("input_g").addClass("input_r");
    }
    else{
        $(input).removeClass("input_r").addClass("input_g");
    }
}

Top, dankjewel!

Snap je ook waarom?

Ja, hij pakt nu de input zelf en niet per se een input met een bepaalde class.

Ja eigenlijk insert de this.