Forms aren't working

Hi All, can someone help me with this? I can’t get this form to work: http://claritystonemedicine.com/. Right under the top image.

  1. The word Name and email should be in the fields
  2. Can’t even click in the fields to add anything
  3. Subscribe not working of course.

Code:

<div id="mc_embed_signup" class="top-mailchimp">
<div class="wrap">
<div class="form_section">
<h3>JOIN THE STONE TRIBE</h3>
<div id="mc_embed_signup_scroll">
<div class="mc-field-group"><input id="mce-FNAME" class="" name="FNAME" type="text" value="" placeholder="First Name" /></div>
<div class="mc-field-group"><input id="mce-EMAIL" class="required email" name="EMAIL" type="email" value="" placeholder="Email*" /></div>
<div class="clear"><input id="mc-embedded-subscribe" class="button" name="subscribe" type="submit" value="Subscribe" /></div>
<div id="mce-responses" class="clear">&nbsp;</div>
<div style="position: absolute; left: -5000px;"><input tabindex="-1" name="b_087edcf0e36881710cd9a15a1_fc8db77f8a" type="text" value="" /></div>
</div>
</div>
<div class="quote_section">
<p><img class="alignleft size-small wp-image-3313" src="../wp-content/uploads/2014/02/sarah-homepage-small-noborder-1.jpg" alt="sarah-homepage-small-noborder" width="125" height="125" />Enter your email to receive our newsletter and a powerful rhodocrosite treatment for opening your heart</p>
</div>
</div>
</div>

Any help so appreciated. Thank you in advance!

There are a number of HTML errors one or some of which may be causing the problem. Try running your site through https://validator.w3.org/nu/ and fixing the errors found.

Okay…let me try that. Everything else form-wise looks good to you?

Might be my less than perfect eyesight, but I didn’t see any <form>

hmmm…you don’t see the <form> </form> code you mean?

I figured the validator would pick that up… :smile:

1 Like

Yes, I would hope so.

But with some of the HTML5 things I’ve seen it let through I have some doubt.

Anyway, @Scully, It is possible to do a “JavaScript-only looks like a form but isn’t” thing using buttons and gerElementBys but please don’t

Currently, the code has input tags that are not inside any form tags.
Thus, the form will not work.

As a simplified bare-minimum example it should be something like

<form action="where-the-values-are-sent-to" method="most-likely-post">
<input type="text" name="whatever">
<input type="submit" value="Submit">
</form>

The where-the-values-are-sent-to file can then use the POST HTTP header array, which contains key-value pairs of named inputs eg. POST['whatever'] => "whatever was in the input field"

Here’s a few MDN articles. If you don’t understand something in them, please ask.

HTML forms guide
Sending form data
Forms in HTML
My first HTML form

2 Likes

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.