Necesito resolver un problema, tengo un formulario muy sencillo que quiero enviar por mail a través del servicio EmailJS. Para ello le puse un onclick
al botón enviar
del formulario con la función Javascript send()
. A continuación les dejo el código Javascript:
//Guardo los valores del formulario en variables
var name = document.getElementById('name').value;
var subject = document.getElementById('subject').value;
var email = document.getElementById('email').value;
var message = document.getElementById('message').value;
// Esta es la funcion que inicia el servicio EmailJS
(function(){
emailjs.init("user_Hit3AKxYC1qvLfRZm2mBo");
})();
// Mi funcion para realizar la validacion y el envio del formulario
var send = function() {
if (name !== "" && subject !== "" && email !== "" && message !== "") {
// Esta funcion es la que envía el formulario por EmailJS
emailjs.sendForm('gmail','contact_form','contact-form');
document.getElementById('contact-form').reset();
alert("Your message was sent successfully.");
} else {
alert('You must fill in all fields');
}
};
Y acá el HTML del form
:
<form name="contact-form" id="contact-form" class="form col-md-8 col-center" method="post">
<input type="text" name="name" id="name" placeholder="Name" required>
<input type="text" name="subject" placeholder="Subject" id="subject" required>
<input type="email" name="email" id="email" placeholder="E-mail" required>
<textarea name="message" placeholder="Message" id="message" required></textarea>
<div class="submit">
<input type="submit" onclick="send()" name="submit" value="Send">
</div>
</form>
La validación que pretendo es, simplemente que controle que estén todos los campos con información válida.
Con este código siempre me retorna false
y no me manda el formulario. Es un tema del if
, pero no me doy cuenta dónde está el error.