尝试接收电子邮件时出现联系表单问题

Question

When I fill out the text fields and input an email into the text box with the placeholder that says "email", nothing sends to my email after I click submit. The only time something does send to my email after I click submit is when I type in my personal email into the "email" textbox. My personal email is what recieves anything submitted from this form. What am I doing wrong?...

I utilized "smtpJS.com" to encrypt and establish securetoken key for smtp through "elasticemail.com" to enable my domain for form submissions to my personal email when someone fills out the form.

JavaScript

/*contact form/Send email*/
        /*SmtpJS.com security encryption for host, username, and passowrd*/
 function sendEmail(){
                Email.send({

                SecureToken : "XXXX-XXXX-XXXX-XXXX-XXXX",
                To : 'kalvitzjames1@gmail.com',
                From : document.getElementById("email").value,
                Subject : "New Contact Form Enquiry",
                Body : "<br> Name: " + document.getElementById("name").value
                + "<br> Email: " + document.getElementById("email").value
                + "<br> Phone: " + document.getElementById("phone").value
                + "<br> Message: " + document.getElementById("message").value

                })
                
                .then(message => alert("Thank you for your Message!"));
            }

HTML

<!--SmtpJS.com (for form emails)-->
<script src="https://smtpjs.com/v3/smtp.js"></script>


            <!--calling email function-->
           <form onsubmit="sendEmail(); reset(); return false;">

            
            <h3>Get in touch</h3>
            

            <input type="text" id="name" placeholder="Your Name" required>

            <input type="email" id="email" placeholder="Email" required>

            <input type="text" id="phone" placeholder="phone" required>

            <textarea id="message" rows="4" placeholder="How can I help?"></textarea>

            <button type="submit">Send</button>

           </form>

        </div>
    </div>
    

Link to code on my github

( https://github.com/jameskalvitz/Personal-Website )

Answer 1

Are you trying to make the email look like it would originate from the filler of this form?

Usually email providers forbid to use "arbitrary" email addresses in the from field. Otherwise you basically would build a spam bot, with which you send emails on behalf of someone else (using their real email addresses but without authentication).

If this is a sort of contact form you rather should send from your email address to your email address and populate the reply-to field in the email header for your convenience.