2.3 Signature Bug Fix – Having Same Problem – Not Clearing and Not Validating

Hi,

Do you have javascript errors when clearing or submitting ? You can figure it out by looking at the console in most recent browser’s web inspector. Server logs might also help if some code has gone wrong …

Also, v2.3 required certain versions of CF7 to work properly. My advice would be to update both CF7 & CF7 Signature Addon to their latest release, if you can.

In 2.4, it is also easier to apply styles to the signature field, see FAQ section.

Keep me in touch

Thanks for your reply. I’ve only ever used the latest release of both plugins. I just mentioned 2.3 because I know it was an issue that has taking place before.

I’ve looked at the info for 2.4 and still no luck. I’ve scoured the I internet and been trying to solve this one issue for 2 days now.

I have no visible JavaScript errors. Where do I find web inspector and server logs?

EDIT:

Thanks for your reply. I’ve only ever used the latest release of both plugins. I just mentioned 2.3 because I know it was an issue that has taking place before.

I’ve looked at the faq styles info for 2.4 and still no luck. I’ve scoured the internet and been trying to solve this one issue for 2 days now. I even looked into other jQuery signature files, but don’t where to add them in my host account.

I have no visible JavaScript errors. Where do I find the console to check web inspector and where do I go to check server logs?

Thanks for help. I really need it.

UPDATE:

Still having all problems mentioned, but I did find the web inspector and found an error message.

Error message:
<form class”wpcf7-form theme_1 errorMsgshow” novalidate=”novalidate” method=”post” action=”/apply/#wpcf7-f4464-p19-o1″>

What does this mean? What do I do now?

Not sure if helps, but this is some of the other coding:
<div style=”display: none;”>
<input name=”_wpcf7″ value=”4464″ type=”hidden”>
<input name=”_wpcf7_version” value=”4.2.2″ type=”hidden”>
<input name=”_wpcf7_locale” value=”en_US” type=”hidden”>
<input name=”_wpcf7_unit_tag” value=”wpcf7-f4464-p19-o1″ type=”hidden”>
<input name=”_wpnonce” value=”de1f9238ef” type=”hidden”>
</div>
<p><span class=”wpcf7-form-control-wrap wpcf7-form-control-signature-wrap your-signature-field”><input name=”your-signature-field” value=”” class=”wpcf7-form-control wpcf7-signature wpcf7-validates-as-required required” aria-required=”true” aria-invalid=”false” id=”wpcf7_your-signature-field_input” type=”hidden”>
<canvas id=”wpcf7_your-signature-field_signature” class=”your-signature-field” width=”500″ height=”100″></canvas><input id=”#wpcf7_your-signature-field_clear” value=”Clear” type=”button”></span><script type=”text/javascript”>document.addEventListener(“DOMContentLoaded”, function(){var canvas_your_signature_field = document.querySelector(“#wpcf7_your-signature-field_signature”);var signaturePad_your_signature_field = new SignaturePad(canvas_your_signature_field);document.getElementById(“#wpcf7_your-signature-field_clear”).addEventListener(“click”, function(){signaturePad_your_signature_field.clear();input_your_signature_field.value = “”;});var input_your_signature_field = document.querySelector(“#wpcf7_your-signature-field_input”);var submit = document.querySelector(“input.wpcf7-submit”);submit.addEventListener(“click”, function(){if (!signaturePad_your_signature_field.isEmpty()){input_your_signature_field.value = signaturePad_your_signature_field.toDataURL();}else{input_your_signature_field.value = “”;}}, false)});</script></p>
<p><input value=”Send” class=”wpcf7-form-control wpcf7-submit” type=”submit”><img style=”visibility: hidden;” class=”ajax-loader”></p>
<div class=”wpcf7-response-output wpcf7-display-none”></div>

Hi there,

That’s the HTML code of the form, which is not very helpful unfortunately.

What i (may) need is in what is called the Javascript “Console“, which is a part of the Web Inspector. In Chrome for example, that’s in a tab on top of the inspector. This is where (some) errors are logged when something bad happen with the form.

As for the server logs, it depends on your host provider… You can write down the date and time when you do your tests, asks them for logs and send them at tameroski(at)gmail(dot)com.

A few more questions :

Is the form working fine when my plugin’s disabled ?
What version of wordpress do you have installed ?
Is your site publicly available ? If so, what’s the link, so i can have a look ?

The plugin is working fine on my test environnement, but it could be a plugin or theme conflict … If i were you, i’d also try to :
– change theme for a basic one and see if it works
– turn off all plugins but CF7 and mine, and if it works fine turn them on one by one

Maybe nothing related to your issue but i just released a bugfix (v2.4.1) where mandatory signature fields were not validating correctly.

I figured it out while looking at your issue, so thank you ??

Hi there

Version 2.5 of my plugin is out, and it should fix your issues.
Thanks for using the plugin. And please give it a few stars ??