Required fields in group are not working as expected

Hi,

I am having conditional groups as follows in my contact form 7 form. I am using Conditional Fields for Contact Form 7 plugin:

<div class="form-row">[group inviteMoreShow]
<div  class="column-full nameStyle">[text* fname id:fname class:fname placeholder "Enter Your First Name"]</div>
<div  class="column-full nameStyle">[text* lname id:lname class:lname placeholder "Enter Your Last Name"]</div>
[dynamichidden emailId id:emailId class:emailId "xyz-ips snippet='get-emailid-on-result-page'"]
<div  class="column-full btnStyle"><button class="submitBtn" id="submitBtn">Submit</button></div>
[/group]
</div>

<div class="form-row">[group demoInviteBothShow]
<div class="column-full nameStyle">[text* fname id:fname class:fname placeholder "Enter Your First Name"]</div>
<div  class="column-full nameStyle">[text* lname id:lname class:lname placeholder "Enter Your Last Name"]</div>
[dynamichidden emailId id:emailId class:emailId "xyz-ips snippet='get-emailid-on-result-page'"]
<div class="column-full btnStyle"><button class="submitBtn" id="submitBtn">Submit</button></div>
[/group]
</div>

Selected group must throw validation errors for required fields if not filled on form submit. But form is getting submitted directly.

• This topic was modified 3 years, 7 months ago by abhitestenj.
• This topic was modified 3 years, 7 months ago by Yui. Reason: formatting