placeholder - Place holder disables the requirements check in contact form 7

Question

I've been looking for all sorts of sollutions and nothin seems to work. I've tried adding a placehold tag via a script, I've tried changing the filter number in the php file I've tried disabeling all other plugins from the form page.

Nothing worked.

So here's the problem. If I add a placeholder to the input field text it will disable the requirements check on thoose input fields. As if the placeholder is seen as input.

I have no idea how to fix it. Please help.

You can see the form at https://www.breuerscobelens.nl/offerte/ if you select "Een energielabel voor één adres" and then choose "Woning" you'll see the input fields I've talking about the quickest.

Another thing I'm bumping into is I want the form to automatically go to step two after selection of an option, but eventhough I've put in place the code I got from the plugin help it still doesn't work.

Any help with this would also be much appreciated.

Codes:

Code of the form in contact form 7

    
    
    <h5 class="pt-cv-title"><strong>Vraag in drie eenvoudige stappen uw offerte aan</strong></h5>
<br>

[step title "Start" next "volgende stap" previous "vorige stap"]

<h8><strong>Waarvoor ontvangt u graag een offerte?</h8></strong>
[select* stap1-aanvraag first_as_label "Maak uw keuze" "Een energielabel voor één adres" "Energielabels voor meerdere adressen" "Een andere dienst"]

[step title "Enkele vragen voor de scherpste offerte"]

[group energielabel-group]
    <h8><strong>Betreft het een woning of een bedrijfsgebouw?</h8></strong>
    [select* stap2-energielabel-soortgebouw first_as_label "Maak uw keuze" "Woning" "Bedrijfsgebouw" "Combinatie woning/bedrijfsgebouw"]
    <br>

    [group energielabel-woning-group]
        <h8><strong>Wat is het adres van de woning?</strong></h8>
        [text* stap2-energielabel-woning-opname-adres placeholder "Straat en huisnummer*"] 
        [text* stap2-energielabel-woning-opname-postcode placeholder "Postcode*"]
        [text* stap2-energielabel-woning-opname-plaats placeholder "Plaats"]
        <br>
        <h8><strong>Door onderstaande drie vragen te beantwoorden helpt u ons een zo scherp mogelijke offerte te maken!</strong></h8>
        Wat is ongeveer de oppervlakte van de woning?
        [select stap2-energielabel-woning-opname-oppervlakte first_as_label "Ik heb echt geen idee" "<50m2" "50-150m2" "150-300m2" ">500m2"]
        Zijn er bouwtekeningen met maatvoering beschikbaar?
        [select stap2-energielabel-woning-opname-bouwtekeningen first_as_label "Dat weet ik niet" "Jazeker!" "Nee, helaas"]
        Is er ergens in de woning sprake van koeling zoals een airco of een warmtepomp?
        [select stap2-energielabel-woning-opname-koeling first_as_label "Ik heb echt geen idee" "Nee" "Ja" "Ja, maar deze is buiten werking" ]
        <br>
    [/group]

    [group energielabel-bedrijfsgebouw-group]
        <h8><strong>Wat is het adres?</strong></h8>
        [text* stap2-energielabel-bedrijf-opname-adres placeholder "Straat en huisnummer*"]
        [text* stap2-energielabel-bedrijf-opname-postcode placeholder "Postcode*"]
        [text* stap2-energielabel-bedrijf-opname-plaats placeholder "Plaats*"]
        <br>
        <h8><strong>Door onderstaande twee vragen te beantwoorden helpt u ons een zo scherp mogelijke offerte te maken!</strong></h8>
        Wat is ongeveer de oppervlakte, minus een eventuele onverwarmde industri?le opslag- of productiehal?
        [select stap2-energielabel-bedrijf-opname-oppervlakte first_as_label "Ik heb echt geen idee" "<100m2" "100-250m2" "250-500m2" "500-1000m2" "1000-2000m2" "2000-3000m2" "3000-5000m2" "5000-7000m2" "7000-10.000m2" ">10.000m2"]
        Zijn er bouwtekeningen met maatvoering beschikbaar?
        [select stap2-energielabel-bedrijf-opname-bouwtekeningen first_as_label "Dat weet ik niet" "Jazeker!" "Nee, helaas"]
        <br>
    [/group]
[/group]

[group energielabels-group]
    Om hoeveel woonadressen gaat het ongeveer? [number stap2-energielabels-aantal-woonadressen min:0 max:100000 "0"]
    Om hoeveel bedrijfsadressen gaat het ongeveer? [number stap2-energiealabels-aantal-bedrijfsadressen min:0 max:10000 "0"]
[/group]

[group anderedienst-group]
    Voor welke dienst wenst u een offerte te ontvangen? [textarea stap2-anderedienst placeholder "Gewenste dienst"]
[/group]

[step title "Tenaamstelling offerte"]
<h8><strong>Tot slot, aan wie mogen we de offerte richten?</strong></h8>
In de hoop dat de offerte naar wens is, zal na oplevering van de werkzaamheden ook de factuur aldus geadresseerd worden.

[select* stap3-offerte-tenaamstelling first_as_label "Maak uw keuze" "Aan een particulier persoon" "Aan een bedrijf of instelling" ]
<br>

[group tenaamstelling-particulier-group]
    [select* stap3-particulier-aanhef first_as_label "Maak uw keuze*" "heer" "mevrouw"]
    [text* stap3-particulier-voorletters placeholder "Voorletters*"]
    [text* stap3-particulier-achternaam placeholder "Achternaam*"]
    [tel* stap3-particulier-telefoonnummer placeholder "Telefoonnummer*"]
    [email* stap3-particulier-e-mail placeholder "E-mail adres*"]
    <br>

    [group energielabel-group]
        Is het offerte adres gelijk aan het adres waar u een energielabel voor aanvraagt?
        [select* stap3-particulier-gelijk-adres "Ja" "Nee" ]
        <br>
    [/group]

    [group particulier-afwijkend-adres-group]
        Wat is het offerte adres?
       [text* stap3-particulier-adres placeholder "Straat en huisnummer*"]
       [text* stap3-particulier-postcode placeholder "Postcode*"]
       [text* stap3-particulier-plaats placeholder "Plaats*"]
        <br>
    [/group]

    [checkbox nieuwsbriefontvangen default:0 "Ik schrijf me graag direct in voor de nieuwsbrief"]
[/group]

[group tenaamstelling-bedrijf-group]
    <h8><strong>Uw gegevens</strong></h8>
    [select* stap3-bedrijf-aanhef first_as_label "Maak uw keuze*" "heer" "mevrouw"]
    [text* stap3-bedrijf-voorletters placeholder "Voorletters*"]
    [text* stap3-bedrijf-achternaam placeholder "Achternaam*"]
    [tel* stap3-bedrijf-telefoonnummer placeholder "Telefoonnummer*"]
    [email* stap3-bedrijf-e-mail placeholder "E-mail adres*"]
    <br>

    <h8><strong>Bedrijfsgegevens</strong></h8>
    [text* stap3-bedrijf-bedrijfsnaam placeholder "Bedrijfsnaam*"] 
    [text stap3-bedrijf-kvk placeholder "KvK nr"]
    [text stap3-bedrijf-e-mail-facturatie placeholder "Optioneel afwijkend e-mailadres alleen voor factuur"]
    [group energielabel-group]
        Is het bedrijfsadres gelijk aan het adres waar u een energielabel voor aanvraagt?
        [select* stap3-bedrijf-gelijk-adres "Ja" "Nee" ]
        <br>
    [/group]

    [group bedrijf-afwijkend-adres-group]
        <h8><strong>Wat is het bedrijfsadres voor de offerte tenaamstelling?</h8></strong>
        [text* stap3-bedrijf-adres placeholder "Straat en huisnummer*"]
        [text* stap3-bedrijf-postcode placeholder "Postcode*"]
        [text* stap3-bedrijf-plaats placeholder "Plaats*"]
        <br>
    [/group]

    [checkbox nieuwsbriefontvangen default:1 "Nieuwsbrief ontvangen"]
[/group]
[submit "Verstuur mijn aanvraag!"]
[group particulier-gelijk-adres-group][/group]
[group bedrijf-gelijk-adres-group][/group]

question from:https://stackoverflow.com/questions/65901888/place-holder-disables-the-requirements-check-in-contact-form-7

Answer 1

Waitting for answers