Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 3, 2019 at 2:10 pm #1144469
    3Vosjes

    Hi,
    I use an enfold contact form on a clients website.
    Required fields in which form element: selection button is used do not get a red border when the submit button is clicked and no selection has been made. Instead, these fields get a green border.
    I have them marked as ‘do not leave empty’.

    How can I get these fields highlighted in red so that users know they still have to make a choice?

    Kind regards,
    Brigitte Vos

    October 4, 2019 at 12:16 pm #1144945
    Rikard

    Hey 3Vosjes,

    Please try the following in Quick CSS under Enfold->General Styling:

    #top #wrap_all .valid .select {
    border: 1px solid red !important;
}

    Best regards,
    Rikard

    October 4, 2019 at 3:36 pm #1144997
    3Vosjes

    Thanks Rikard, it works partially.

    Even when a choice has been made, the fields show a red border when the submit button is clicked.

    Non-required selection fields also have a red border now. These fields don’t need to be validated. I would like them to stay neutral.

    There’s this error-message showing up when the submit button is clicked. Why doesn’t it show at the selection fields?

    Best regards,
    Brigitte

    October 7, 2019 at 7:10 pm #1145881
    Yigit

    Hi,

    I tried reproducing the issue on my local installation however it works fine on my end – https://prnt.sc/pg2rus
    I noticed select element does not get “error” class when no selection made. Could you please try de-activating all active plugins and check if that helps?

    Best regards,
    Yigit

    October 8, 2019 at 12:30 pm #1146131
    3Vosjes

    Hi,
    I deactivated most plugins. Did not dare to deactivate Really Simple SSL and Go live Update URLS.
    Nothing happened.
    I provide you a link and credentials, maybe you can have a look at it yourself?

    Best regards,
    Brigitte Vos

    October 13, 2019 at 10:54 pm #1147636
    Mike

    Hi,
    Sorry for the late reply, I’m not sure that I understand the issue because your form seems to be reacting as you described you wanted
    2019-10-13-164452
    required fields not complete marked red
    required fields complete marked green
    non-required field not complete and not marked
    Has this already been solved?

    Best regards,
    Mike

    October 14, 2019 at 12:07 pm #1147814
    3Vosjes

    Hi,
    No, the problems hasn’t been solved jet.

    The problem is the required fields in which a selection must be made, such as the first field of the form.
    These fields get a green border even when no choice has been made.

    The text in the field says: make a choice.
    ‘Make a choice’ is part of the dropdown menu, but maybe it shouldn’t be a part of it.
    When ‘make a choice’ is visible in the selection field, a red border should be displayed.
    ‘Make a choice’ should not be validated as a choice option.

    Does this explanation make the issue more clear?

    Best regards,
    Brigitte Vos

    October 16, 2019 at 5:11 pm #1148512
    Victoria

    Hi 3Vosjes,

    If the fields are not marked as required they will not be marked red or validated. If you need to change this behavior you need to set fields to required or hire someone to customize the JavaScript for you.

    If you need further assistance please let us know.
    Best regards,
    Victoria

    October 17, 2019 at 12:31 pm #1148901
    3Vosjes

    Hi,
    The problem is solved. This topic can be closed.
    Thank you very much for the effort.

    Best regards,
    Brigitte Vos

    October 18, 2019 at 5:20 am #1149090
    Rikard

    Hi Brigitte,

    Great, I’m glad to hear that everything is working as it should. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Form validation error’ is closed to new replies.