Support » Plugin: Contact Form 7 » Validation error before sending… but it won't let customer fix

  • Resolved zina358

    (@zina358)


    If a customer makes a mistake (missing a required field) on the form, a message pops up (Validation errors occurred. Please confirm the fields and submit it again.) Then the words “Please fill the required field” show up in the field in red. But the system will not let you type in the field to correct or add text. The red writing stays there. The only way to proceed is by refreshing the page and starting over. It only happens on one site of mine.

    https://wordpress.org/plugins/contact-form-7/

Viewing 10 replies - 1 through 10 (of 10 total)
  • Please include a link to your Contact Form 7 form. If others here are able to understand your actual problem, they may be able and willing to offer a possible solution.

    Thread Starter zina358

    (@zina358)

    Sorry, here you go. Here is a url example. I just created a new form today and it does the same thing. But on other sites I have they don’t do this.

    http://dealioz.com/businesses/luxurious-6-bedroom-villa-and-guest-house/

    Happens if you don’t put in valid email address for instance….

    Plugin Author Takayuki Miyoshi

    (@takayukister)

    Try switching to the default theme (twentyfifteen).

    Thread Starter zina358

    (@zina358)

    It still happened with Twentyfifteen. I need to change it back. Do you to look real quick?

    Thread Starter zina358

    (@zina358)

    Sorry… I had to change it back. But it did the same thing.

    Your file custom.css places the error message over the textfield, that’s why you can not enter anything if the message is shown. Try to remove the marked lines:

    .wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
        font-size: 12px;
        left: 0;  /* remove this */
        padding: 9px 6px;
        position: absolute;  /* remove this */
        top: -9px; /* remove this */
        width: 95%;
    }
    Thread Starter zina358

    (@zina358)

    Great! I found what you were talking about by doing the Inspect Element. That is perfect. But I can’t seen to find where that CSS file is. I found it while in the Inspect Element view and it looked like under UBER MENU?? With use disclaimers to not edit that CSS file.
    But still can’t find it anywhere in the Control Panel.
    Can you see the path? or let me know where to find this.
    I have a plug-in for custom CSS I do, just minor edits, and I tried to copy it in there but without the ones you told me to remove… but that didn’t work. (simple CSS) maybe I did it wrong. I would love to keep all my edits together.

    So excited to be close!

    You could edit the file in uber menu or add e.g. this to your custom CSS:

    .wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
        left: auto !important;
        position: relative !important;
        top: auto !important;
    }
    Thread Starter zina358

    (@zina358)

    You are my hero!!
    Thank you so much. Thank you for giving me the code to put in my own CSS.
    It worked. Owner will be so happy.

    @ov3rfly – good spotting and great support!

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Validation error before sending… but it won't let customer fix’ is closed to new replies.