Hello respected developers,
This is my HTML code:
<div class="row">
<div class="col-xs-10 col-xs-offset-1">
<div class="empty-space h50-md h30-xs"></div>
<form class="contact-form">
<div class="row col-xs-b30">
<div class="col-sm-6 col-xs-b30 col-sm-b0">
<div class="input-wrapper">
<input name="name" class="input" type="text">
<label>Name</label>
<span></span>
</div>
</div>
<div class="col-sm-6">
<div class="input-wrapper">
<input name="email" class="input" type="text">
<label>Email</label>
<span></span>
</div>
</div>
</div>
<div class="row col-xs-b30">
<div class="col-sm-12">
<div class="input-wrapper">
<input name="subject" class="input" type="text">
<label>Subject</label>
<span></span>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="input-wrapper">
<textarea name="message" class="input"></textarea>
<label>Message</label>
<span></span>
</div>
</div>
</div>
<div class="empty-space col-xs-b40"></div>
<div class="text-center">
<div class="button type-Techenotic">
SEND MESSAGE
<input type="submit"/>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
This is my Javascript file "Contact.form.js"
$(function() {
"use strict";
$('.contact-form').on("submit", function(){
var $this = $(this);
$('.invalid').removeClass('invalid');
var msg = 'The following fields should be filled:',
successMessage = "Your email is very important to us. One of our representatives will contact you at first chance.",
error = 0,
pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
if ($.trim($('.contact-form input[name="name"]').val()) === '') {error = 1; $this.find('inpute="name"]').parent().addClass('invalid'); msg = msg + '\n - Name';}
if (!pattern.test($.trim($('.contact-formut[name="email"]').val()))) {error = 1; $this.find('inpute="email"]').parent().addClass('invalid'); msg = msg + '\n - Email';}
if ($.trim($('.contact-form textarea[name="message"]').val()) === '') {error = 1; $this.find('textareae="message"]').parent().addClass('invalid'); msg = msg + '\n - Your Message';}
if (error){
updateTextPopup('ERROR', msg);
}else{
var url = 'Send_mail.php',
name = $.trim($this.find('inpute="name"]').val()),
email = $.trim($this.find('inpute="email"]').val()),
subject = ($this.find('inpute="subject"]').length)?$.trim($this.find('inpute="subject"]').val()):'',
message = $.trim($this.find('textareae="message"]').val());
$.post(url,{'name':name,'email':email,'subject':subject,'message':message},function(data){
updateTextPopup('THANK YOU!', successMessage);
$this.append('<input type="reset" class="reset-button"/>');
$('.reset-button').click().remove();
$this.find('.focus').removeClass('focus }
return false;
});
$(document).on('keyup', '.input-wrapper .input', function(){
$(this).parent().removeClass('invalid');
});
function updateTextPopup(title, text){
$('.text-popup .text-popup-title').text(title);
$('.text-popup .text-popup-message').text(text);
$('.text-popup').addClass('active');
}
});
My problem is that I don't know how to pass the parameters to "Send_Mail.php" if anyone can help me make this PHP file I would be very thankful.
Thank you so much.