Hide a required field

  • Hi,

    I would hide a required field with javascript on the onclick event of a button radio input :

    Votre demande concerne * :
    <input id=”radio_deces” type=”radio” name=”demande” value=”Décès” checked=”checked” onclick=”if (this.checked) { document.getElementById(‘deces’).style.display=’block’ }”>
    <input id=”finvie” type=”radio” name=”demande” value=”Fin de vie” onclick=”if (this.checked) { document.getElementById(‘deces’).style.display=’none’ } “>

    <div id=”deces”>
    Date du décès * : [date* date_deces id:date_deces class:required min:2016-01-01 max:2020-01-01]
    [text* cp_deces id:cp_deces placeholder “Code postal du décès *”]
    [text* ville_deces id:ville_deces placeholder “Ville du décès *”]
    [text* pays_deces id:pays_deces placeholder “Pays du décès *”]
    </div>

    The div hides well, however , when you send the form, required fields that are in the div are mandatory.

    Someone would have a solution?

    Eléonore

    https://www.ads-software.com/plugins/contact-form-7/

  • The topic ‘Hide a required field’ is closed to new replies.