Skip to content

Instantly share code, notes, and snippets.

@omarkdev
Created January 31, 2017 00:34
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save omarkdev/322aef3a52054c00d0103a644563f728 to your computer and use it in GitHub Desktop.
Save omarkdev/322aef3a52054c00d0103a644563f728 to your computer and use it in GitHub Desktop.
Send form contact with vanilla js
var formFooter = document.getElementById("form-footer");
formFooter.addEventListener("submit", function(evt) {
evt.preventDefault();
formFooter.classList.add("form-submit");
var name = document.getElementById("name");
var email = document.getElementById("email");
var telephone = document.getElementById("telephone");
var cellphone = document.getElementById("cellphone");
var message = document.getElementById("message");
var xhr = new XMLHttpRequest();
xhr.open('POST', 'contact.php');
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.onload = function() {
if(xhr.status !== 200)
{
return alert("Aconteceu algo errado!");
}
var response = JSON.parse(xhr.responseText);
if(response.message === 0)
{
return alert(response.error);
}
return alert("Mensagem enviada com sucesso!");
};
var data = 'name=' + name.value +
'&email=' + email.value +
'&telephone=' + telephone.value +
'&cellphone=' + cellphone +
'&message=' + message;
xhr.send(encodeURI(data));
formFooter.classList.remove("form-submit");
});
@alim-nagoev
Copy link

Hi, Felipe i need your help

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment