Notification for Required Agree to Terms Field

  • Resolved Branko

    (@kgbranko)


    2 years, 12 months ago

    Hello,

    I would like to inform user that they must agree to the terms and conditions. Right now When user click on submit button, without accepting the terms, it will just show loading animation and do nothing.

    User can not guess how our form functions, he/she must be informed what went wrong.

    I have made some CSS changes that works in Firefox and you can actualy see a notification, below checkbox “You must agree to the terms and conditions”. This doesn’t work on Chrome. Page attached as a link.

    It would be nice to have some kind of notification that user must agree with terms.

    If you have any ideas how can I solve this I am all ears.
    Thank you.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Rick Alday

    (@mrdaro)

    Hi @kgbranko,

    The “Agree to terms” is required so there should be a warning message when users try to submit a donation without checking the “agree to terms” option.

    You can see that in action on my test form here: https://test.rickalday.com/donations/testing-sequential-order/

    The warning is loaded via Javascript so it’s possible that another script on your site is breaking this behavior.

    Currently, your page throws this error in the browser console:
    Failed to load resource: the server responded with a status of 404 () - matomo.org/matomo.js:1

    That may or may not be the cause of the problem but it’s worth investigating.

    Thread Starter Branko

    (@kgbranko)

    Hello @mrdaro,

    Thank you very much for answering me.

    I have removed some plugins that were indeed creating console errors. Right now if you try to submit donation, you will see console error “An invalid form control with name=’give_agree_to_terms’ is not focusable.”

    And yeah, your test form works nicely. So, I will investigate this a little further and inform about findings.

    Plugin Support Matheus Martins

    (@matheusfd)

    Hey @kgbranko,

    Do you still need assistance here? I’ll close this ticket for now but if you still need assistance with it, please reopen it and we’ll happily assist you.

    If you have other issues, you can open a new ticket and we’ll help you there too.

    Thanks for using GiveWP! Have a great day.

    Thread Starter Branko

    (@kgbranko)

    Please close, I will give feedback about my issue.

    Thread Starter Branko

    (@kgbranko)

    I have solved my problem by setting up display property to block (default is none):

    form[id*=give-form] #give_terms_agreement input[type=checkbox], div[id*=give-form] #give_terms_agreement input[type=checkbox] {
    display: block;
}

    This error in console, helped me to solve the problem:
    An invalid form control with name='give_agree_to_terms' is not focusable.

    And indeed, it was not focusable because it was not visible.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Notification for Required Agree to Terms Field’ is closed to new replies.