Error message is showing even when conditions are met.

  • Profile Image
    dsolet
    Asked on September 10, 2016 at 04:40 PM

    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.

  • Profile Image
    Nik_C
    Answered on September 11, 2016 at 04:26 AM

    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!

  • Profile Image
    Nik_C
    Answered on September 11, 2016 at 06:33 AM

    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.

  • Profile Image
    dsolet
    Answered on September 11, 2016 at 12:46 PM
    Thanks very much for looking at this. I'll try this fix.
    David
    ...
  • Profile Image
    dsolet
    Answered on September 11, 2016 at 01:45 PM
    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
    ...
  • Profile Image
    Mike_G
    Answered on September 11, 2016 at 02:39 PM

    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.