Contact Form 7
How to show error messages beside each affected field? (3 posts)

  1. sdlw
    Posted 5 years ago #

    I would like to force the error messages to appear beside or just above the fields for fields that are not completed or not filled in correctly. Right now, the code just puts a floating error message box at the bottom.

    I know already about adding the [response] tag for the validation message. However, I would like to know how to modify the individual error messages for each field.

    I saw it working on this site:

    Clicking submit without anything filled in makes the error messages appear below each field.

    Does anyone know how to do this?

  2. Takayuki Miyoshi
    Plugin Author

    Posted 5 years ago #

    It's because Ajax form isn't working. This post explains why.

    Why isn’t My AJAX Contact Form Working Correctly?

  3. sdlw
    Posted 5 years ago #

    Hi Takayuki,

    Thank you for responding to this! The post you directed me to seems to be for forms where Ajax isn't loading at all, but my form does seem to be working for the most part.

    It is just that not all the error messages appear for all required field items, only some show up.

    For example, if the nothing is entered into the form and I click send, only the popup for the quiz line shows up, plus the validation message that is linked to [respond]. Even though the other fields are required, no message shows up (ie for name, email, etc).

    I don't know if this is an issue with AJAX not loading properly or if I missed a step somewhere.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Contact Form 7
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic