Difference between revisions of "Captcha"

<!--- I usually take out this div or at least take out the ID  --->
<div id="something">
<table cellspacing="0" cellpadding="0" border="0" width="100%"> 
<tbody><tr> <td align="left" valign="top" width="45%">&nbsp;</td> <td align="left" valign="top" width="10%">
<!--- Even though it does not have it I usually add a name myForm to the form tag as an attribute --->
<form id="component form" class="custom_form" method="post" action="http://domain.com/verify.php" onsubmit="return validateForm()">

<div class="form-element-wrapper" id="name-id">
<label for="name" class="form-element-label" style="">Name</label>
<table class="personName-large" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="FirstName">

<!-- I personally Like to make the inputs spaced out so its easier to see, and also if anyone views source it will look better organized at least as well. -->

<input class="form-element form-element-size-full valid" type="text" name="name-FirstName" value="" maxlength="">

<label for="name-FirstName" class="personName-label" style="font-size:smaller;">First Name<span style="color:#cc0000;font-weight:normal" valign="top">*</span></label></td><td class="LastName">

<input class="form-element form-element-size-full" type="text" name="name-LastName" value="" maxlength=""><label for="name-LastName" class="personName-label" style="font-size:smaller;">

Last Name<span style="color:#cc0000;font-weight:normal" valign="top">*</span></label></td></tr></tbody></table></div><div class="form-element-wrapper" id="Email-id"><label for="Email" class="form-element-label" style="">Email<span style="color:#cc0000;font-weight:normal" valign="top">*</span></label>

<input class="form-element form-element-size-large" type="text" name="Email" value="" maxlength=""></div><div class="form-element-wrapper" id="phone-id">

<label for="phone" class="form-element-label" style="">
Phone number</label>

<input class="form-element form-element-size-large" type="text" name="phone" value="" maxlength="">

</div><div class="form-element-wrapper" id="subject-id"><label for="subject" class="form-element-label" style="">Subject</label>

<input class="form-element form-element-size-large" type="text" name="subject" value="" maxlength="">

</div><div class="form-element-wrapper" id="message-id"><label for="message" class="form-element-label" style="">Message</label>

<textarea rows="8" class="form-element form-element-size-large" name="message"></textarea>

</div><div class="form-element-wrapper" id="submit-id"><div style="text-align: left;">
<input type="submit" class="form-element" name="submit" value="Submit"></div></div> 
</form></td> <td align="left" valign="top" width="45%">&nbsp;</td> </tr> </tbody></table></div>

<!---This will be at the top of the form page and the verify.php --->
 <?
  require_once './securimage/securimage.php';
  ?>
<!---And as well the captcha put near the submit --->
<div>
<?php echo Securimage::getCaptchaHtml() ?>
</div>

<?
$fnam = $_POST['FirstName'];
$lnam = $_POST['LastName'];
$comment = $_POST['message'];
$subject = $_POST['subject'];
$number = $_POST['phone'];
//check for the email input name for case sensitivity
$email = $_POST['email'];

$image = new Securimage();
    if ($image->check($_POST['captcha_code']) == true) {
      echo "Thank you For Contacting us";
    
	//formats the message
    $message = "First Name and Last Name: " . $fnam . " " . $lnam . "\n Email: " . $email . "\n Phone: " . $number . "\n Message: " . $comment;

	

    // message lines should not exceed 70 characters (PHP rule), so wrap it

    $message = wordwrap($message, 70);

    // send mail
    // make sure to change email to a valid email

    mail("[email protected]",$subject,$message,"From: $from\n");
    } else {
      echo "Sorry, wrong code.<br />";
	  echo "To go back <a href='http://domain.com/contact-us.php'>click here</a>";
    }
	?>

<script>
function validateForm() {
    //make sure the form has the name of myForm
    var x = document.forms["myForm"]["FirstName"].value;
	var y = document.forms["myForm"]["LastName"].value;
	//check case sensitive email  in the name
	var z = document.forms["myForm"]["email"].value;
	var atpos = z.indexOf("@");
    var dotpos = z.lastIndexOf(".");
    if (x == null || x == "") {
        alert("First name must be filled out");
        return false;
    }
	else if (y==null || y=="") {
		alert("Last name must be filled out");
		return false;
	}
	else if (atpos< 1 || dotpos<atpos+2 || dotpos+2>=z.length) {
        alert("Not a valid e-mail address");
        return false;
	}
}
</script>

 public $image_bg_color = '#0044FF';

    /**
     * The color of the captcha text
     * @var Securimage_Color
     */
    public $text_color     = '#00aa00';

    /**
     * The color of the lines over the captcha
     * @var Securimage_Color
     */
    public $line_color     = '#707070';

    /**
     * The color of the noise that is drawn
     * @var Securimage_Color
     */
    public $noise_color    = '#707070';

Redirect 301 /contact-us.html /contact-us.php

<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<h2>Feedback Form</h2>
<?php
// display form if user has not clicked submit
require_once "./captcha/recaptchalib.php";

$siteKey = "your_site_key";
$secret = "your_secret_key";
// reCAPTCHA supported 40+ languages listed here: https://developers.google.com/recaptcha/docs/language
$lang = "en";
// The response from reCAPTCHA
$resp = null;
// The error code from reCAPTCHA, if any
$error = null;
$reCaptcha = new ReCaptcha($secret);

if ($_POST["g-recaptcha-response"]) {
    $resp = $reCaptcha->verifyResponse(
        $_SERVER["REMOTE_ADDR"],
        $_POST["g-recaptcha-response"]
    );
}

if (!isset($_POST["submit"]))
  {
  ?>
  <form method="post" action="<?php echo $_SERVER["PHP_SELF"]; ?>">
  From: <input type="text" name="from"><br>
  Subject: <input type="text" name="subject"><br>
  Message: <textarea rows="10" cols="40" name="message"></textarea><br>
  
<div class="g-recaptcha" data-sitekey="6Lf9G_USAAAAAELMsg5L40B-mr0MU8P3qWpOlIYZ"></div>
<noscript>
  <div style="width: 302px; height: 352px;">
    <div style="width: 302px; height: 352px; position: relative;">
      <div style="width: 302px; height: 352px; position: absolute;">
        <iframe src="https://www.google.com/recaptcha/api/fallback?k=6Lf9G_USAAAAAELMsg5L40B-mr0MU8P3qWpOlIYZ"
                frameborder="0" scrolling="no"
                style="width: 302px; height:352px; border-style: none;">
        </iframe>
      </div>
      <div style="width: 250px; height: 80px; position: absolute; border-style: none;
                  bottom: 21px; left: 25px; margin: 0px; padding: 0px; right: 25px;">
        <textarea id="g-recaptcha-response" name="g-recaptcha-response"
                  class="g-recaptcha-response"
                  style="width: 250px; height: 80px; border: 1px solid #c1c1c1;
                         margin: 0px; padding: 0px; resize: none;" value="">
        </textarea>
      </div>
    </div>
  </div>
</noscript><br>
  <input type="submit" name="submit" value="Submit Feedback">
  </form>
<?php
  }
else
  // the user has submitted the form
  {
  // Check if the "from" input field is filled out
  if (isset($_POST["from"]))
    {
	if ($resp != null && $resp->success) {
	// this is mostly for windows you can comment this line out or remove it completely
	ini_set("sendmail_from","[email protected]");
	
    $from = $_POST["from"]; // sender
    $subject = $_POST["subject"];
    $message = $_POST["message"];
    // message lines should not exceed 70 characters (PHP rule), so wrap it
    $message = wordwrap($message, 70);
    // send mail
    mail("[email protected]",$subject,$message,"From: $from\n");
    echo "Thank you for sending us feedback";
	}
	else{
	echo "Unfortunately you did not enter the Captcha correctly please <a href='http://knightsofprocrastination.ca/phptestmail.php'>go back</a>";
	}
    }
  }
?>