webmasterpro

It was indeed the theme. The site uses the Sterling WordPress theme by TrueThemes on ThemeForest.com. Changing it temporarily to Twenty(something) allowed HappyForms to work properly, (and messed up my widgets until I restored the wp_options table!).

You had a good suggestion. I’ll need to do some digging as to why the theme was the culprit. It has an email form builder which is turned OFF, but evidently some code is still causing a conflict.

I’ll take a whack at it. Meantime, many thanks for your time and assistance looking into this weird problem. Cheers!

Addendum- there seems to be two ways fields are validated.

First, if you leave out a required entry, when you click Submit a black box appears under the any field saying “Please fill out this field”.

Second, with the email field something different happens- a red text message appears under the email input box saying “This field is required.” This happens if the email filled out and NOT empty.

Thus, there are two mechanisms at work to detect missing/bad entries. Is there a problem there?

Yes, very odd. I built an identical form using Add New, and the same issue applies.

If I uninstall Happyforms and reinstall, same issue.

Here is more oddness:

1) If I change the email field to OPTIONAL, then the form is successfully submitted when the Submit button is clicked.

2) BUT, in the received email, the email field is absent. The label is present, but the email address that was typed in is not there.

Is there any code that checks the email address for validity that may not be working well? Just wondering.

I knew you’d be up for some fun! OK take a look at the following URL:
https://christiansciencect.org/contact-us-webmaster3/

You can actually try filling out the form and sending because I’ll get the messages myself.

WP and HappyForms are both current

• This reply was modified 5 years, 10 months ago by webmasterpro.

It seems that the problem was that I had Contact Form 7 plugins activated. In addition to the form plugin, they offer a specific plugin to activate their reCaptcha called: “Contact Form 7 Captcha”. I think that was the culprit. I deactivated both Contact Form 7 plugins and now the HappyForms reCaptcha shows up on the published form.

Now I am very happy! Thanks for your support on this.

Sure, I am testing HappyForms on a site I made for a group of churches, to replace a discontinued form no longer offered by WP. The link is: https://christiansciencect.org/contact-us-webmaster3-2/

Feel free to play with it- any form submission just sends mail to me.

I can’t deactivate plugins because the site is live and doing so would break a lot of things. Besides, the reCaptcha does appear on the preview, so I can’t figure how it could be blocked by a plugin.

I noticed that the source code for the preview (where the reCaptcha is visible) seems to be identical to the source code for the published form except for a few extra paragraph tags and the parameter “disabled” in the submit button. Here are some code excerpts…

SOURCE CODE FOR PREVIEW:

<span class="label">Message</span><br />
					</label></p>
<div class="happyforms-part__el">
<p>			<textarea id="happyforms-2121_multi_line_text_4" name="2121_multi_line_text_4" rows="5" placeholder="" required aria-required="true" ></textarea></p>
<p>						<span class="happyforms-part__description"></span></p></div>
</p></div>
</div>
<div class="happyforms-form__part happyforms-part happyforms-part--recaptcha" data-sitekey="6LdusIAUAAAAACiwcJkzvlr4dCS5xtVzexfjwNqi" data-happyforms-type="recaptcha">
<div class="happyforms-part-wrap" id="happyforms-2121-recaptcha">
		</div>
</p></div>
<div class="happyforms-form__part happyforms-part happyforms-part--submit">
    <input type="submit" class="happyforms-submit happyforms-button--submit" value="Submit Form" >
</div>
</p></div>
</p></form>
</div>

SOURCE CODE FOR PUBLISHED FORM:

<span class="label">Message</span>
							<span class="happyforms-optional">(optional)</span>
			</label>
			
		<div class="happyforms-part__el">
			
			<textarea id="happyforms-2121_multi_line_text_4" name="2121_multi_line_text_4" rows="5" placeholder="" required aria-required="true" ></textarea>
			
			
					<span class="happyforms-part__tooltip happyforms-tooltip"  style="display: none">
			<span class="happyforms-tooltip__trigger"></span>
			<span class="happyforms-part__description"></span>
		</span>
				<span class="happyforms-part__description"></span>
			
					</div>
	</div>
</div>				<div class="happyforms-form__part happyforms-part happyforms-part--recaptcha" data-sitekey="6LdusIAUAAAAACiwcJkzvlr4dCS5xtVzexfjwNqi" data-happyforms-type="recaptcha">
		<div class="happyforms-part-wrap" id="happyforms-2121-recaptcha">
		</div>
	</div>
				<div class="happyforms-form__part happyforms-part happyforms-part--submit">
    <input type="submit" class="happyforms-submit happyforms-button--submit" value="Submit Form"  disabled>
</div>		</div>

			</form>
</div>