Formulaire de contact Octantis

<div class="row">
  <div class="col-lg-12">
	<form action="https://forms.octantis.ca/index.php" method="post" id="form">
	  <div class="row">
		<div class="col-md-6">
		  <div class="form-group">
			<input class="form-control" id="firstname" name="firstname" type="text" placeholder="First Name *" data-required="true">
			<p class="help-block text-danger"></p>
		  </div>
		   <div class="form-group">
			<input class="form-control" id="lastname" name="lastname" type="text" placeholder="Last Name *" data-required="true">
			<p class="help-block text-danger"></p>
		  </div>
		  <div class="form-group">
			<input class="form-control" id="email" name="email" type="email" placeholder="Email *" data-required="true">
			<p class="help-block text-danger"></p>
		  </div>
		</div>
		<div class="col-md-6">
		  <div class="form-group">
			<textarea class="form-control" id="message" name="message" placeholder="Comments - Questions *" data-required="true"></textarea>
			<p class="help-block text-danger"></p>
		  </div>
		</div>
		<div class="clearfix"></div>
		<div class="col-lg-12 text-center">
		  <div id="success"></div>
			<input type="submit" value="SEND YOUR REQUEST" id="subbtn" name="subbtn">
			<input type="hidden" name="recipient" value="">
			<input type="hidden" name="subject" value="">
			<input type="hidden" name="redirect" value="">
			<input type="hidden" name="from-address" value="">
			<input type="hidden" name="from-name" value="">
			<input type="hidden" name="reply-address" value="">
			<input type="hidden" name="reply-name" value="">
			<input type="hidden" name="unset" value="submit,recipient,subject,redirect">
			<style>.octantis-ns{display:none !important;}</style>
			<input type="text" class="octantis-ns" name="first_name" value="" />
			<input type="text" class="octantis-ns" name="last_name" value="123456789" />
		</div>
	  </div>
	</form>
	
  </div>
</div>
<script>
var APP = function () {

    "use strict";
    var errors;
    var form = $('#form');
    var email = $('#courriel');

    var initialize = function () {
        $('#subbtn').click(function(e){
        	e.preventDefault();
        	errors = [];
        	_validate();
        })
    };

    var _validate = function(){
    	$('[data-required="true"]').each(function(){
    		if($(this).val() == ''){
    			errors.push($(this).attr('name'));
    		}
    	});

    	if(email.val() != '' && validateEmail(email)){
    		errors.push('email');
    	}
    	
    	if(errors.length == 0){
    		form.submit();
    	}else{
    		alert(errors);
    	}

    };

    var validateEmail = function(email) {
		var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
		return re.test(email);
	};

    return {
        init: function () {
            initialize();
        }
    }
}();

$(document).ready(function () {
    APP.init();
});
</script>