javascript - 按钮上附加的Javascript代码无法执行。需要帮助调试

标签 javascript html

我编写了一个带有文本字段的html页,可以在其中输入文本,单击按钮,应将包含输入文本的电子邮件发送到预定的电子邮件地址。

该页面按预期显示在Firefox和Chrome中,但是单击该按钮时,没有任何反应。



function sendEmail(adress) {
  Email.send("Sender@email.com", "Receiver@email.com", "subject", adress, "smtp.email.com", "Sender@email.com", "pAssWoRd", function done(message) {
    alert("Email sent successfully")
  });
}

<!DOCTYPE html>
<html>

<body>
  <script src="smtp.js"></script>
  <form action="/action_page.php">

    <p>TEXT</p>
    <p>TEXT</p>
    <p>TEXT</p>
    Enter text here: <input type="text" name="fname"><br>
    <input type=button onClick="sendEmail(fname.value);" value='send'>


  </form>

</body>

</html>





该按钮应该发送电子邮件并显示“电子邮件发送成功”警报消息。您能帮我调试此代码吗?

最佳答案

尝试将警报或日志记录到控制台内部功能中。我可以毫无问题地调用sendEmail函数。您的代码唯一的问题是额外的脚本标签</script>

编码:



function sendEmail(adress) {
  alert("Inside sendEmail function");
  Email.send("Sender@email.com", "Receiver@email.com", "subject", adress, "smtp.email.com", "Sender@email.com", "pAssWoRd", function done(message) {
    alert("Email sent successfully")
  });
}

<!DOCTYPE html>
<html>

<body>
  <script src="smtp.js"></script>
  <form action="/action_page.php">

    <p>TEXT</p>
    <p>TEXT</p>
    <p>TEXT</p>
    Enter text here: <input type="text" name="fname"><br>
    <input type=button onClick="sendEmail(fname.value);" value='send'>

  </form>

</body>

</html>

关于javascript - 按钮上附加的Javascript代码无法执行。需要帮助调试,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55974260/

相关文章:

传入参数的 JavaScript 倒计时

javascript - 消除重复 ionic 范围输入的 ng 模型冲突

javascript - 对象交集数组

javascript - 将对象插入数组后,Array.length 读数为 0

javascript - 使用 JavaScript 获取所有输入对象的列表,无需访问表单对象

html - 如何防止元素溢出其列宽?

javascript - 代码在 JSFiddle 中隔离时可以工作,但在站点中时会出现错误

html - 是否可以在 CSS 中包装无序列表以考虑不同大小的列表项

iphone - 我可以通过浏览器和 JavaScript 以编程方式访问智能手机的传感器吗?

javascript - 在重新加载和加载时滚动到相同位置