Contact Form 7 Signature Addon-problem

  • when the signature field is on (required) status, then I need to click submit twice in order for the form to be sent to my email (with the signature inside). The first time of click the submission button appears an orange empty line below submit button for some reason. On the other hand when the (required) filled of the signature is deselected, the form can be send from the first submission click but the signature image is not sent. The email is coming only with the rest data of form without the signature.

    Any help please?

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

Viewing 15 replies - 1 through 15 (of 30 total)

  • I have the exact same problem. This needs an urgent fix.

    The console shows a javascript error Uncaught TypeError: Cannot read property ‘classList’ of null. It looks like the Contact Form 7 javascript file is looking for the class ‘wpcf7-form-control’ on invalid inputs then calling classList to toggle the ‘wpcf7-not-valid’ class. The inputs for the signature field do not have the ‘wpcf7-form-control’ class on them so when the classList function is called it returns an error. The issue only happens if the signature field is required. Requiring the signature is important so a plugin fix for this would be great.

    Thread Starter kotsios65

    (@kotsios65)

    Thank you allynbeth for the help and reply. Have a nice day ahead

    I have the exact same problem. This needs an urgent fix.

    First time if i submit form it only shows orange blank box, no message inside.
    https://#####/wp-json/contact-form-7/v1/contact-forms/17778/feedback?_locale=user

    {“into”:”#wpcf7-f17778-p17770-o1″,”status”:”validation_failed”,”message”:”One or more fields have an error. Please check and try again.”,”posted_data_hash”:””,”invalid_fields”:[{“into”:”span.wpcf7-form-control-wrap.signature”,”message”:”The field is required.”,”idref”:null,”error_id”:”wpcf7-f17778-p17770-o1-ve-signature”}]}

    Second time if i submit after error without changing anything
    {“into”:”#wpcf7-f17778-p17770-o1″,”status”:”mail_sent”,”message”:”Thank you for your message. It has been sent.”,”posted_data_hash”:”cb6f253f437f3132c105e30aa5e8677d”}

    and plseaes find all details here.

    https://json-parser.com/42175710
    or
    https://jsoneditoronline.org/#left=cloud.d6a980c98e5142e0bfcea25d54e462e8

    Thanks to @allynbeth I realized that the problem is that this plugin does not work with the revamped front-end javascript of CF7 5.4+. Downgrading to CF7 5.3.2 fixed the problem for me, but of course I am also hoping that this (extremely useful) plugin is upgraded soon to work with the new version of CF7.

    @allynbeth Yes, you were right about this mistake. I added classes for input and everything seemed to work. Below is an example:

    Path: contact-form-7-signature-addon > public > class-wpcf7-signature-public.php

    <span class="wpcf7-form-control-wrap wpcf7-form-control-signature-input-wrap %1$s">
	<input %2$s id="wpcf7_input_%1$s" class="wpcf7-form-control wpcf7-signature" />
	<input %9$s id="wpcf7_input_%1$s_attachment" class="wpcf7-form-control wpcf7-signature" />
	<input %10$s id="wpcf7_input_%1$s_inline" class="wpcf7-form-control wpcf7-signature" />
	%3$s
</span>

    GitHub: https://github.com/mifist/Contact-Form-7-Signature-Addon/commit/7accea97c7b972568578e07a9cbe1f80b614fad3

    • This reply was modified 3 years, 5 months ago by mifist. Reason: added GitHub link

    Hi @mifist I tried your patch. After clearing the cached file ‘wp-content/plugins/contact-form-7-signature-addon/public/js/scripts.js?ver=4.2.2’ it now works.

    Good afternoon: I have done what you say above and now the following appears within the yellow box. “One or more fields have an error. Please check them and try again”
    Is there any solution for this. Thanks

    Charles

    (@charlesrodmell)

    @tameroski Any chance you can update the official plugin accordingly? I’ll happily donate to your beer funds or whatever.

    Charles

    (@charlesrodmell)

    EDIT: In the end to get it to work, I deleted the entire plugin, downloaded the entire zip from @mifist version https://github.com/mifist/Contact-Form-7-Signature-Addon and installed that. It then worked.

    • This reply was modified 3 years, 5 months ago by Charles.
    • This reply was modified 3 years, 5 months ago by Charles.

    Yes Charles , it worked. thanks @mifist !!

    Hello, unfortunately the signature is not sent to the email.
    Reading in the faq I read to check: “mail in HTML” which I did, but then I don’t understand what it means: “Then verify that the image is wrapped in an HTML image tag in your mail configuration, like this :
    grazie

    • This reply was modified 3 years, 2 months ago by quadcore.
    • This reply was modified 3 years, 2 months ago by quadcore.
    • This reply was modified 3 years, 2 months ago by quadcore.

    ““

    shadow76

    (@shadow76)

    Hello, I have a problem with the plugin.
    when I fill out the form I created and send it from a PC, it records my signature on the db.
    Instead, when I fill out the same form using a smartphone that is ios or android it does not send me the signature.
    Has anyone had the same problem ????
    ——————————-
    Sorry I was wrong! Resolved!

    • This reply was modified 3 years ago by shadow76.
    schot

    (@schot)

    @shadow76 I have the same problem. Signature field works OK on PC, but does not work on mobile (both iOS and Android).

    What did you do to resolve it? Many thanks!

Viewing 15 replies - 1 through 15 (of 30 total)
  • The topic ‘Contact Form 7 Signature Addon-problem’ is closed to new replies.