Question

我有一个jquery UI对话框，其中我有4个文本字段，分别是发件人电子邮件，收件人电子邮件，标题和消息。

我从其他地方获取标题和消息，我将其存储在对话框的文本字段中。这是我的代码 -

   var $dialog = $('<div id="myDialog"></div>')
              .html('<form>Sender Email <input id=senderemailAddresss type="text" class="w3-input w3-border" value="abc@example.com" size="25"><br> Receiver Email <input id=receiveremailAddresss class="w3-input w3-border" type="text" value="bcd@example.com" size="25"><br>Title<input id=title class="w3-input w3-border" type="text"> <br>Messgae <textarea id=message class="w3-input w3-border"  style="height:60px type="text" rows="4" cols="20"></form>')
               .dialog({
                   autoOpen: false,
                   modal: true,
                   height: 700,
                   width: 500,
                   draggable: false,
                   title: "Send Mail",
                   buttons: { 
                        "Send": 
                        function() 
                        { $(this).dialog("close"); }, 
                        "Cancel": 
                        function() 
                        { $(this).dialog("close"); }

                        }, 
                   open: function (event, ui) {
                        $(".ui-dialog-titlebar-close", ui.dialog | ui).hide();
                     //  $("#title").val($rootScope.maintitle);
                    $(this).find('#title').val("Title is :"+ title);
                    $(this).find(text).val("Message is :"+test1+" \n "+"\n new line :"+ test2+"\n again new line " +test3)

                   $(this).css('overflow', 'auto');
                   }
                  });
                 $("#title").val('');
                 $dialog.dialog('open');

现在，点击发送时，我正在关闭对话框而不是发送邮件。我怎么能这样做？

Answer 1

唯一的方法是打开电子邮件界面，但不一定要发送电子邮件。他们必须自己做。

window.open('mailto:john@smith.com');

或

<a href='mailto:john@smith.com'>Click Me</a>

参考：

http://www.rapidtables.com/web/html/mailto.htm

Answer 2

无法直接从jquery（前端）直接发送电子邮件。它必须在服务器端完成。您可以通过ajax将您的模态内容发送到服务器，然后服务器发送电子邮件。例如在php中发送电子邮件：在php：https://www.w3schools.com/php/func_mail_mail.asp

否则，您可以使用@ trevster344建议并使用＆＃34; mailto＆＃34;： https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_link_mailto

Answer 3

无法从UI发送电子邮件。但您可以使用mailgun.com等第三方服务。或者如上所述编写后端代码。

从jquery对话框发送邮件

3 个答案: