So I'm having an issue incorporating recaptcha into an existing site. If I try to add the recaptch script as well as form submit validation it stops procssessing the PHP from the submit on. Now if I rewrite the form to not be PHP I lose all my formation CSS styles. Below are what I'm referring to.
No captcha
<form action="index.php" id="contact-form" method="post">
<ol class="forms">
<li>
<label for="name">Name:</label>
<?php if($nameError != '') { ?>
<span class="error"><?=$nameError;?></span>
<?php } ?>
<input type="text" name="name" id="name" value="<?php if(isset($_POST['name'])) echo $_POST['name'];?>" class="required" />
</li>
<li>
<label for="email">Email:</label>
<?php if($emailError != '') { ?>
<span class="error"><?=$emailError;?></span>
<?php } ?>
<input type="text" name="email" id="email" value="<?php if(isset($_POST['email'])) echo $_POST['email'];?>" class="required" />
</li>
<li class="textarea"><label for="textarea">Message:</label>
<?php if($textareaError != '') { ?>
<span class="error"><?=$textareaError;?></span>
<?php } ?>
<textarea name="textarea" id="textarea" rows="10" cols="30" class="required"><?php if(isset($_POST['textarea'])) { if(function_exists('stripslashes')) { echo stripslashes($_POST['textarea']); } else { echo $_POST['textarea']; } } ?></textarea>
</li>
</ol>
<ol class="button-group">
<li>
<div>
<input type="hidden" name="submitted" id="submitted" value="true">
<input type="submit" value="Submit" class="submit">
</div>
</li>
</ol>
</form>
Recaptcha in HTML
<form action="index2.php" id="contact-form" method="post>
<form id="frmContact" action="" method="POST" novalidate>
<div class="theme-default">Name:</div>
<div class="field">
<input type="text" id="name" name="name" placeholder="enter your name here" title="Please enter your name" class="required">
</div>
<div class="label">Email:</div>
<div class="field">
<input type="text" id="email" name="email" placeholder="enter your email address here" title="Please enter your email address" class="required email">
</div>
<div class="label">Comments:</div>
<div class="field">
<textarea id="comment-content" name="content" placeholder="enter your comments here"></textarea>
</div>
<div class="g-recaptcha" data-sitekey="<?php echo SITE_KEY; ?>"></div>
<div id="mail-status"></div>
<button type="Submit" id="send-message" style="clear:both;">Send Message</button>
</form>
<div id="loader-icon" style="display:none;"><img src="img/loader.gif" /></div>
</div>
</form>
I have a couple working examples. Below.
Current non-recaptcha http://www.decal-kreations.com/index.php
Rewritten with recaptcha - Works but that loses all formatting/style http://decal-kreations.com/index2.php
Added recaptcha to original site http://decal-kreations.com/index3.php
If need be, I can provide the whole site in a zip as its very small.
Any help will be appreciated. TIA