Error message is showing even when conditions are met.

One question (which I am calling the dependent question) is hidden or revealed depending on the answer to another question (the conditions field). I made the question that is dependent required. Here is the case:

1. The dependent required field is appropriately revealed but not filled in. The "next" button is hit and the error message shows up.

2. The user changes the conditions field so the dependent field is hidden again. S/he hits the "next" button, which does progress to the next page. But the error message still shows up, twice on that page. 

3. Hitting the "back" button and then "next" fixes the problem, but it is awkward and could confuse the user.

The fields on this form are housingOptions (conditions) and roommateRequests (dependent).

Thanks for looking at this.

I checked your form and I was able to replicate this issue. Please allow me some time to check this further and I'll get back to you through this thread.

Thank you!

Thank you for your patience, I investigated this further and I don't see the way to turn that message off when you change those options.

As a workaround maybe you could hide that message, since you already have error message on the field itself:

So if you insert this CSS in your Custom CSS Field:

.form-button-error{

color:white;

}

That will hide the message and it will look like this:

Hope it helps. On the other hand, if you would like to have that message please let us know.

Thank you.

Thanks very much for looking at this. I'll try this fix.
David
...

I tried this fix and I think it works...nice! I had expected it to hide all
error messages in the form, but it only hides the one that was a
problem--the red ones pointing to the field are visible. Perhaps I am not
understanding the CSS code, though. Does that makes sense? Thanks again.
David
...

The CSS codes provided by my colleague, Nik_C, will only affect the error message at the bottom of the form.

Do you want to remove all the other error messages like the one pointing to the fields? If you want we can try to create separate codes for those for you.

Also, if you want you can have the error message below your form to not show completely using these codes:

.form-button-error{

display:none !important;

}

There is another workaround that you can do that does not involve adding CSS codes to your form.

You'll just have to create the condition shown in the image below.

I hope this helps. If you need any further assistance, please feel free to contact us anytime. Thank you.