Question

尝试用 JS 替换我的 PHP 电子邮件表单但卡住了。我希望脚本在页面加载时运行时单击“myButton”。由于 CSP，无法使用内联。现在我只是在页面加载时收到一封空邮件。非常感谢任何帮助。

index.html

      </div>
          <form>
              <div class="form-group">
                  <label for="fname">Full Name :</label>
                  <input class="form-control" type="text" id="name" name="fullname" placeholder="Your full name...">

                  <label for="email">Email :</label>
                  <input class="form-control" type="text" id="email" name="email" placeholder="Your email...">

                  <label for="message">Message :</label>
                  <textarea class="form-control textarea" id="message" rows="3" placeholder="Your message..."></textarea>


                   <button id="myButton" type="button" class="btn btn-primary">Send</button>

                   <script src="js/emailJSform.js" crossorigin="anonymous" type="text/javascript">
                   </script>

              </div>
          </form>
      </div>

和 emailJSform.js

console.log("1111");
document.getElementById("myButton").addEventListener("click", sendEmail());
console.log("2222");
function sendEmail() {
  emailjs.init("user_xxxxxxxx");
    let fullName = document.getElementById("name").value;
    let userEmail = document.getElementById("email").value;
    let userMessage = document.getElementById("message").value;

        var contactParams = {
            user_name: fullName,
            user_email: userEmail,
            message: userMessage
        };

        emailjs.send('service_xxxxx', 'template_xxxx', contactParams).then(function (res) {})
}
console.log("333");

emailjs 加载到 header 中

脚本加载页面加载而不是点击

0 个答案: