required toevoegen aan zichtbare elementen

[aDutchCow]

Mijn vraag
Ik heb een dropdown formulier en op basis welke keuze daar gemaakt wordt, laat ik elke keer een ander deel van het formulier zien. Dit doe ik met behulp van hide en show. Wat ik dus wil, is een simpel vangnet om de zichtbare delen van het formulier te controleren op lege velden (dat doe ik dus met required). Echter wil ik dat de onzichtbare delen niet gecontroleerd worden of ze leeg zijn of niet (deze zijn dan namelijk niet relevant.)

Is hier dus een oplossing voor dat ik met jQuery kan zeggen dat required toegevoegd moet worden aan de zichtbare velden?

Relevante software en hardware die ik gebruik
jQuery en HTML

Wat ik al gevonden of geprobeerd heb
Op stackoverflow heel veel gezocht en verschillende oplossingen toegepast maar deze werken allemaal niet.

[SL3Y4R]

Je kunt proberen disabled er aan toe te voegen. Dan worden ze uitgeschakeld.

[DJMaze]

Gebruik de checkValidity(). Nee, is geen jQuery

JavaScript:

var elementen = document.querySelectorAll('#huidigeblok input, #huidigeblok select, #huidigeblok textarea');
for (var i = 0; i < elementen.length; ++i) {
    if (!elementen[i].checkValidity()) {
        alert('Veld niet juist ingevuld');
    }
}

[ Voor 5% gewijzigd door DJMaze op 13-06-2016 13:42 ]