Mark required fields

  • Resolved rosbiffer

    (@rosbiffer)


    4 years, 2 months ago

    Great plugin! Any way of marking the required field labels with an asterix or something? Users are getting annoyed at not knowing which fields are required. Also, when that error message appears it is not immediately obvious as it is at the top of the form and the form doesn’t scroll up on submit so they press submit and it looks like nothing happens…

Viewing 1 replies (of 1 total)
  • Plugin Author Jeff Starr

    (@specialk)

    One way is to set up the custom form (as explained in the plugin docs). Then you can tweak the labels to be whatever you want. Alternately you can add a line of CSS to your theme:

    <style>.usp-name label:before { content: '* '; }</style>

    There are other ways to do it as well (like with JavaScript). Check out this post for more infos.

    The plugin displays the errors immediately above the form by default. So it is recommended to display the form near the top of the page. The only possible workaround that I know of is to use the option “Redirect URL” and include the anchor/ID of the form, e.g.:

    https://example.com/#user-submitted-posts

    That way the page will be loaded with the error messages displaying in the browser window. Caveats to this method include:

    * Only works if the form is included on one page only (not every page)
    * May not work in every browser

    I hope this helps. Let me know if I can provide any further infos.

Viewing 1 replies (of 1 total)
  • The topic ‘Mark required fields’ is closed to new replies.

Tags