jqueryダイアログボックスからメールを送信する

Question

私は送信者の電子メール、受信者の電子メール、タイトル、およびメッセージである4つのテキストフィールドを持つjquery UIダイアログボックスを持っています。

私は他の場所からタイトルとメッセージを取得しており、ダイアログボックスのテキストフィールドに保存しています。 これは私のコードです - 今すぐ

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助言@取ると "MAILTO" を使用することができます。 https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_link_mailto

Answer 3

UIからの電子メールを送信することは不可能です。しかし、あなたはmailgun.comのようなサードパーティのサービスを使うことができます。または上記のようにバックエンドコードを記述します。