Home>

We made a form with contact form7 in WordPress (original theme).
There is no problem with functions such as sending and receiving, but error messages are displayed twice. I want to eliminate the error message in the above four lines.

HTML description of the form part of the original theme
<section>
 Application for membership 
<? php echo do_shortcode ('[contact-form-7 title = "Membership application form"]');?>
</section>
Error message source (HTML)
<section>
     Application for membership 
    
        
             There is a problem with the input contents. Please check the contents and try again.
                <ul>
                    <li>Please fill in the required fields.</li>
                    <li>Please fill in the required fields.</li>
                    <li>Please fill in the required fields.</li>
                </ul>
            
            <form action = "/ # wpcf7- ■■-■■" method = "post" novalidate = "novalidate">
                
                    <input type = "hidden" name = "_ wpcf7" value = "■" />
                    <input type = "hidden" name = "_ wpcf7_version" value = "5.1.5" />
                    <input type = "hidden" name = "_ wpcf7_locale" value = "en" />
                    <input type = "hidden" name = "_ wpcf7_unit_tag" value = "wpcf7- ■■-■■" />
                    <input type = "hidden" name = "_ wpcf7_container_post" value = "0" />
                    <input type = "hidden" name = "g-recaptcha-response" value = "" />
                
                <dl>
                    <dt>your name<span>required</span></dt>
                    <dd><span>
                        <input type = "text" name = "■■■■" value = "" size = "40" aria-required = "true" aria-invalid = "true" placeholder = "Example: ■■■■■■■ ■ "/>
                        <span role = "alert">Please fill in the required fields.</span>
                        </span>
                    </dd>
                    <dt>■■■■<span>Required</span></dt>
                    <dd>
                        <span>
                        <input type = "text" name = "■■■■" value = "" size = "40" aria-required = "true" aria-invalid = "true" placeholder = "Example: ■■■■■■■ ■ "/>
                    </dd>
                    <dt>Email address<span>Required</span></dt>
                    <dd>
                        <span>
                        <input type = "email" name = "■■■■" value = "" size = "40" aria-required = "true" aria-invalid = "true" placeholder = "Example: ■■■■■■■ ■ "/>
                        <span role = "alert">Please fill in the required fields.</span>
                        </span>
                    </dd>
                    <dt>phone number<span>any</span></dt>
                    <dd>
                        <span>
                        <input type = "tel" name = "■■■■" value = "" size = "40" aria-invalid = "false" placeholder = "Example: 000-0000-0000" />
                        </span>
                    </dd>
                    <dt>Question etc.<span>Optional</span></dt>
                    <dd>
                        <span>
                        <textarea name = "■■■■" cols = "40" rows = "10" aria-invalid = "false" placeholder = "Please enter any questions."></textarea>
                        </span>
                    </dd>
                </dl>
                <p>
                    <span><span>
                            <span>
                            <label>
                                <input type = "checkbox" name = "■■■■" value = "1" aria-invalid = "false" />
                                <span>We will send your personal information with your consent.</span>
                            </label>
                            </span>
                        </span>
                    </span>
                </p>
                <p>
                    <input type = "submit" value = "Apply with the above contents" />
                </p>
                
                    There is a problem with the input contents. Please check the contents and try again.
                
            </form>
        
    
</section>

The original theme fanctions.php is empty.
We are in trouble without repairing. .

Resolved!

In response to your answers, add a CSS file

/* Clear error message * /
div.screen-reader-response {
  display: none;
}


It disappeared neatly when I added

  • Answer # 1

    I don't know if it will be an answer, but I will write it here because it will be long.
    This article may be helpful for the time being.

    【WordPress】 ContactForm7 memorandum

    How about adding the following css as described in the article?
    (Since the same situation cannot be reproduced, verification is not possible ...)

    /* Clear error message * /
    div.screen-reader-response {
      display: none;
    }

    If you look carefully at the code that has been laid out, maybe ... I think the following code has been laid out even in the standard theme. It seems to erase it with CSS of the plug-in. I think that CSS is not effective in the original theme.

    There is a problem with the input contents. Please check the contents and try again.
        
            

    Please fill in the required fields.

            

    Please fill in the required fields.

            

    Please fill in the required fields.

        


    for your information.