【问题标题】:Send email from HTML page using JS使用 JS 从 HTML 页面发送电子邮件
【发布时间】:2022-01-19 19:08:29
【问题描述】:

我正在尝试使用以下内容从 html 页面发送邮件:

<script>
    function sendMail() {
    var link = "mailto:email@live.co.uk &subject=" + encodeURIComponent(document.getElementById('myText').value)
             + "&body=" + encodeURIComponent(document.getElementById('myText2').value)
    ;
    
    window.location.href = link;
}
  </script>


 <!-- Contact Form -->
 <div class="col-md-6 contact">
    <form role="form">
               <!-- Name -->
               <div class="row">
                   <div class="col-md-6">
                       <!-- E-Mail -->
                       <div class="form-group">
                           <input type="text" class="form-control" placeholder="Your name" id="myText">
                       </div>
                   </div>
                   <div class="col-md-6">
                       <!-- Phone Number -->
                       <div class="form-group">
                           <input type="email" class="form-control" placeholder="Email address">
                       </div>
                   </div>
               </div>
               <!-- Message Area -->
               <div class="form-group">
                   <textarea class="form-control" placeholder="Write you message here..." style="height:232px;" id="myText2"></textarea>
               </div>
               <!-- Subtmit Button -->
               <button type="submit" class="btn btn-send" onclick="sendMail(); return false">
                   Send message
               </button>
           </form>
 </div>

当我按下按钮单击所有数据时,所有数据最终都会出现在默认邮件应用程序“收件人:”文本输入区域中。谁能告诉我如何正确拆分主题和主体?我希望这些默认进入电子邮件的主题和正文部分。

【问题讨论】:

  • email@live.co.uk &amp;subject= 应该是 email@live.co.uk?subject= - 问号且没有空格。
  • 现在完美运行,谢谢! :)

标签: javascript html forms email


【解决方案1】:

您的查询字符串变量应该以“?”开头,而不是“&”。

var link = "mailto:email@live.co.uk?subject=" + encodeURIComponent(document.getElementById('myText').value)
             + "&body=" + encodeURIComponent(document.getElementById('myText2').value)
    ;

【讨论】:

  • 现在完美运行,谢谢! :)
  • 不客气!
猜你喜欢
  • 1970-01-01
  • 2014-05-31
  • 1970-01-01
  • 1970-01-01
  • 2021-08-12
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-09-08
相关资源
最近更新 更多