Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <form id="contact-form" method="post" action="contact.php">
- <div class="messages"></div>
- <div class="controls">
- <div class="row">
- <div class="col-md-6">
- <div class="form-group">
- <label for="form_name">Firstname *</label>
- <input id="form_name" type="text" name="name" class="form-control" placeholder="Please enter your firstname *" required="required" data-error="Firstname is required.">
- <div class="help-block with-errors"></div>
- </div>
- </div>
- <div class="col-md-6">
- <div class="form-group">
- <label for="form_lastname">Lastname *</label>
- <input id="form_lastname" type="text" name="surname" class="form-control" placeholder="Please enter your lastname *" required="required" data-error="Lastname is required.">
- <div class="help-block with-errors"></div>
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-md-6">
- <div class="form-group">
- <label for="form_email">Email *</label>
- <input id="form_email" type="email" name="email" class="form-control" placeholder="Please enter your email *" required="required" data-error="Valid email is required.">
- <div class="help-block with-errors"></div>
- </div>
- </div>
- <div class="col-md-6">
- <div class="form-group">
- <label for="form_phone">Phone</label>
- <input id="form_phone" type="tel" name="phone" class="form-control" placeholder="Please enter your phone">
- <div class="help-block with-errors"></div>
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-md-12">
- <div class="form-group">
- <label for="form_message">Message *</label>
- <textarea id="form_message" name="message" class="form-control" placeholder="Message for me *" rows="4" required="required" data-error="Please,leave us a message."></textarea>
- <div class="help-block with-errors"></div>
- </div>
- <div class="form-group">
- <div class="g-recaptcha" data-sitekey="6LcngVUUAAAAAPRVOHTSu3iGGpFoPF4Cu5Np8E3r" data-callback="verifyRecaptchaCallback" data-expired-callback="expiredRecaptchaCallback"></div>
- <input class="form-control d-none" data-recaptcha="true" required data-error="Please complete the Captcha">
- <div class="help-block with-errors"></div>
- </div>
- </div>
- <div class="col-md-12">
- <input type="submit" class="btn btn-success btn-send" value="Send message">
- </div>
- </div>
- <div class="row">
- <div class="col-md-12">
- <p class="text-muted"><strong>*</strong> These fields are required.</p>
- </div>
- </div>
- </div>
- </form>
- </main>
- <!-- Bootstrap JS -->
- <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
- <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
- <!-- Contact Form JS -->
- <script src="https://www.google.com/recaptcha/api.js"></script>
- <script src="validator.js"></script>
- <script src="contact.js"></script>
- $(function () {
- window.verifyRecaptchaCallback = function (response) {
- $('input[data-recaptcha]').val(response).trigger('change');
- }
- window.expiredRecaptchaCallback = function () {
- $('input[data-recaptcha]').val("").trigger('change');
- }
- $('#contact-form').validator();
- $('#contact-form').on('submit', function (e) {
- if (!e.isDefaultPrevented()) {
- var url = "contact.php";
- $.ajax({
- type: "POST",
- url: url,
- data: $(this).serialize(),
- success: function (data) {
- var messageAlert = 'alert-' + data.type;
- var messageText = data.message;
- var alertBox = '<div class="alert ' + messageAlert + ' alert-dismissable"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>' + messageText + '</div>';
- if (messageAlert && messageText) {
- $('#contact-form').find('.messages').html(alertBox);
- $('#contact-form')[0].reset();
- grecaptcha.reset();
- }
- }
- });
- return false;
- }
- })
- });
- <?php
- // require ReCaptcha class
- require('recaptcha-master/src/autoload.php');
- // configure
- // an email address that will be in the From field of the email.
- $from = 'infoh@designsingh.ca';
- // an email address that will receive the email with the output of the form
- $sendTo = 'info@designsingh.ca';
- // subject of the email
- $subject = 'New Message from Nirvaani Singh Designs Contact Form';
- // form field names and their translations.
- // array variable name => Text to appear in the email
- $fields = array('name' => 'Name', 'surname' => 'Surname', 'phone' => 'Phone', 'email' => 'Email', 'message' => 'Message');
- // message that will be displayed when everything is OK :)
- $okMessage = 'Contact form successfully submitted. Thank you, I will get back to you soon!';
- // If something goes wrong, we will display this message.
- $errorMessage = 'There was an error while submitting the form. Please try again later';
- // ReCaptch Secret
- $recaptchaSecret = 'secret code';
- // let's do the sending
- // if you are not debugging and don't need error reporting, turn this off by error_reporting(0);
- error_reporting(E_ALL & ~E_NOTICE);
- try {
- if (!empty($_POST)) {
- // validate the ReCaptcha, if something is wrong, we throw an Exception,
- // i.e. code stops executing and goes to catch() block
- if (!isset($_POST['g-recaptcha-response'])) {
- throw new Exception('ReCaptcha is not set.');
- }
- // do not forget to enter your secret key from https://www.google.com/recaptcha/admin
- $recaptcha = new ReCaptchaReCaptcha($recaptchaSecret, new ReCaptchaRequestMethodCurlPost());
- // we validate the ReCaptcha field together with the user's IP address
- $response = $recaptcha->verify($_POST['g-recaptcha-response'], $_SERVER['REMOTE_ADDR']);
- if (!$response->isSuccess()) {
- throw new Exception('ReCaptcha was not validated.');
- }
- // everything went well, we can compose the message, as usually
- $emailText = "You have a new message from your contact formn=============================n";
- foreach ($_POST as $key => $value) {
- // If the field exists in the $fields array, include it in the email
- if (isset($fields[$key])) {
- $emailText .= "$fields[$key]: $valuen";
- }
- }
- // All the neccessary headers for the email.
- $headers = array('Content-Type: text/plain; charset="UTF-8";',
- 'From: ' . $from,
- 'Reply-To: ' . $from,
- 'Return-Path: ' . $from,
- );
- // Send email
- mail($sendTo, $subject, $emailText, implode("n", $headers));
- $responseArray = array('type' => 'success', 'message' => $okMessage);
- }
- } catch (Exception $e) {
- $responseArray = array('type' => 'danger', 'message' => $e->getMessage());
- }
- if (!empty($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') {
- $encoded = json_encode($responseArray);
- header('Content-Type: application/json');
- echo $encoded;
- } else {
- echo $responseArray['message'];
- }
Add Comment
Please, Sign In to add comment