Hvorfor fungerer ikke min funksjon for å sjekke tomme former i form elementet mitt?

[Tsukeo]

Jeg går Informasjonsbehandling ved NTNU og jobber med en oppgave hvor jeg skal jobbe med skjemaer og (enkel) verifisering. Hele nettsiden fungerer OK, men problemet oppstår når en av de "required"-formene er tomme. Her stopper hele nettsiden opp.

Koden som finner alle de tomme feltene skal gå gjennom alle feltene, og

console.log( $(this).val() );

bare sånn at jeg kan se hvilke elementer som faktisk er affektert av koden min.

 

For det første: konsollen returnerer 3 resultater, selv om det bare er en form som er tom. Jeg lurer på om knappene helt nederst i formen kan være problemet, jeg har prøvd å filtre ut knappene, men dette fungerte ikke.

 

For det andre: om jeg deretter fyller alle formene, får jeg likevel feilmelding om at en form ikke er fylt; igjen, så lurer jeg på om dette kanskje kan ha noe med knappene å gjøre.

 

Her er nettsiden "in question": http://folk.ntnu.no/williamo/wu1/oving5_oppg1.html
(Designet skulle reflektere en typisk hestenettsiden, derav den rosa fargen.)

 

Kan noen kanskje se hva jeg kan ha gjort feil? Takk!

[Enthroner]

Det er radio som ødelegger for deg.

 

Hvis du kjører console.print($(this)) uten å gjøre om til streng så er det lettere å debugge:

formArray.each(function() {
  if( $(this).val().length < 1 ) {
    console.log("Du har glemt å fylle ut en av feltene!");
    console.log($(this).val());
    cobsole.log($(this));
    $(this).css("background", "red");
    emptyForm = false;
  }
});

[Tsukeo]

Så radio sin val() tilsvarer 'undefined' eller ""? Siden det strengt tatt ikke er noen verdi/tekst knyttet til den?

Burde jeg la formArray referere til alle input-elementene bortsett fra radio og button?