Send mail from jquery Dialogfeld

Question

Ich habe ein jquery UI-Dialogfeld, wo ich 4 Textfeld habe, die Absender-E-Mail, Empfänger-E-Mail, Titel und die Nachricht sind.

Ich bekomme den Titel und die Nachricht von irgendwo anders und ich speichere es im Textfeld des Dialogfelds. Dies ist mein Code -

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'); 

Jetzt hier, wenn auf Senden klicken Ich schließe die das Dialogfeld stattdessen möchte ich die E-Mail senden. Wie könnte ich das tun?

Answer 1

Der einzige Weg ist, die E-Mail-Oberfläche zu öffnen, aber es wird nicht unbedingt die E-Mail senden. Das müssten sie selbst tun.

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

oder

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

Referenz:

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

Answer 2

Es ist nicht möglich, die E-Mail direkt von jquery (Front-End) gerade zu senden. Es muss auf der Serverseite gemacht werden. Sie können Ihren modalen Inhalt per Ajax an einen Server senden, dann sendet der Server die E-Mail. Zum Beispiel sendet E-Mail in php: in PHP: https://www.w3schools.com/php/func_mail_mail.asp

Andernfalls können Sie @ trevster344 Beratung nehmen und "mailto" verwenden: https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_link_mailto

Answer 3

Es ist unmöglich, die E-Mail von UI zu senden. Sie können jedoch einen Dienst von Drittanbietern wie mailgun.com verwenden. Oder schreiben Sie den Backend-Code wie oben erwähnt.