Não consigo encontrar o erro onde está o XMLHttpRequest, porém eu fiz um alert para ver até onde ele interpreta.
JS
window.onload = () => {
//Constantes que são pegas do Formulário
const name = document.getElementById('name');
const mail = document.getElementById('mail');
const message = document.getElementById('message');
const sendMessage = document.getElementById('sendMessage');
const regex = /[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/
sendMessage.addEventListener('click', (e) => {
//Validação de Nome
if (name.value == undefined || name.value == "" || name.value == null) {
alert('Nome não corresponde com o campo');
name.focus();
e.preventDefault();
}
//Validação de E-mail
if (regex.test(!mail.value) || mail.value == "" || mail.value == undefined || mail.value == null) {
alert('E-mail não corresponde com o campo');
mail.focus();
e.preventDefault();
}
//Validação de mensagem
if (message.value == undefined || message.value == "" || message.value == undefined ){
alert('Mensagem não corresponde com o campo');
message.focus();
e.preventDefault();
//Se todas as condições forem aprovadas então vai enviar as informações do e-mail e o regex
//para o mail.php
} else {
//Criando objeto XMLHttpRequest
var search = new XMLHttpRequest()
var method = 'POST';
var url = '../php/mail.php'
search.open(
method,
url,
)
alert('Até aqui executa');
/* Essa linha não executa*/
search.onreadystatechange = () => {
if(search.readyState == XMLHttpRequest.DONE && search.status === 200) {
alert('E-mail enviado com sucesso!');
sendMessage.style.display = "none";
var dados = JSON.parse(mail,regex)
search.send(dados)
}
//Nem essa linha executa
else {
e.preventDefault()
alert("Ocorreu um erro! Envie novamente");
}
}
}
});
}
Procurei aqui no Stackoverflow se tinha algum caso parecido e não encontrei.