Wie sende ich E-Mails über HTML und JavaScript?

Ich habe ein Kontaktformular auf meiner website, und ich wollte, um eine Schaltfläche "senden". Ich würde nicht wollen, eine e-mail-Programm auf dem computer zu starten, ich will nur den text an meine e-mail sofort durch drücken der Taste. Gesucht hab ich seit Wochen im internet, und ich bin, aufzugeben.

<form method="post" name="contact" action="#">
    <label for="author">Name:</label>
    <input type="text" id="author" name="author" class="required input_field" />
    <div class="cleaner h10"></div>

    <label for="email">Email:</label>
    <input type="text" class="validate-email required input_field" name="email" id="email" />
    <div class="cleaner h10"></div>

    <label for="subject">Subject:</label>
    <input type="text" class="validate-subject required input_field" name="subject" id="subject"/>                             
    <div class="cleaner h10"></div>

    <label for="text">Message:</label>
    <textarea id="text" name="text" rows="0" cols="0" class="required"></textarea>
    <div class="cleaner h10"></div>             

    <input type="submit" value="Send" id="submit" name="submit" class="submit_btn float_l" />
    <input type="reset" value="Reset" id="reset" name="reset" class="submit_btn float_r" />
</form>

Das können Sie nicht. Sie benötigen ein backend-scripting-Sprache wie PHP, um die Anfrage an den server und starten Sie das senden der E-Mail. JS kann das nicht. Auch kann ich nicht glauben, Sie haben seit Wochen versucht, das internet zu suchen, dies ist Tag 1 der web-Entwicklung. Google einfach mal "PHP E-Mail script tutorial".
Client-side code nicht. Du brauchst ein backend-Sprache, so etwas zu tun. also PHP, ASP.NET etc
Na ja, offensichtlich die Tatsache, dass ich gesucht haben seit Wochen wird viel mehr klar, wenn Sie jetzt sagen, es kann nicht getan werden, mit JS, da ich auf der Suche nach der Antwort zu sein, in JS. Danke für deine Antwort, aber die besagt, dass ich am Lügen war nicht so hilfreich. Ja, es könnte sein 1. Tag in der web-Entwicklung, aber ich bin kein web-designer!
Ist es zu viel php-code für Euch zu zeigen Sie mir ein Beispiel?
Is it to much php code for you guys to show me an example? - Eine sehr einfache php email tutorial google-Suche erscheinen unzählige Beispiele für Sie

InformationsquelleAutor Darawan | 2014-05-13

1

Den Prozess der das senden einer E-mail passiert, server-side, HTML - /JavaScript-client-Seite. Soweit ich sehen kann, sind Sie nicht über einen web-server noch hosten Sie die website irgendwo.

Es ist ein FakeSendMail option mit der neuen Installation von XAMPP, die Sie verwenden können, um zu emulieren die Funktion mail() von PHP. XAMPP ist eine der bekanntesten localhost web-Servern , die Sie verwenden können, um Ihr Projekt beenden, in Fall, dass Sie nicht wirklich brauchen, dass die Mails tatsächlich verschickt. Wenn Sie das tun, empfehle ich ein webhosting.

Aber zuerst müssen Sie verstehen den Unterschied zwischen Client-Seite und Server-Seite. Soweit der Client-Seite betroffen ist, alle es tut, ist, daß Ihre statischen Daten. (HTML/CSS/JS). Aber, wie für die Server-Seite, es gibt noch viel mehr verwenden Sie es, wie Sie können arbeiten mit einer Datenbank abrufen und einfügen von Daten von oder zu ihm, und schließlich Rendern von Daten, die verarbeitet werden, wird durch den Browser (client-Seite)

InformationsquelleAutor Eduard

Vielleicht, wenn Sie nicht verwenden möchten php, können Sie versuchen, verwenden Sie einfach einen externe API, um Ihnen die E-Mail gesendet werden.

Mandrill tun kann.
Es ist kostenlos bis zu 12 E-Mails pro Monat.

In Sie Seite, würde der code wie folgt Aussehen:

$.ajax({
  type: “POST”,
  url: “https://mandrillapp.com/api/1.0/messages/send.json”,
  data: {
    ‘key’: ‘YOUR API KEY HERE’,
    ‘message’: {
      ‘from_email’: ‘YOUR@EMAIL.HERE’,
      ‘to’: [
          {
            ‘email’: ‘RECIPIENT_NO_1@EMAIL.HERE’,
            ‘name’: ‘RECIPIENT NAME (OPTIONAL)’,
            ‘type’: ‘to’
          },
          {
            ‘email’: ‘RECIPIENT_NO_2@EMAIL.HERE’,
            ‘name’: ‘ANOTHER RECIPIENT NAME (OPTIONAL)’,
            ‘type’: ‘to’
          }
        ],
      ‘autotext’: ‘true’,
      ‘subject’: ‘YOUR SUBJECT HERE!’,
      ‘html’: ‘YOUR EMAIL CONTENT HERE! YOU CAN USE HTML!’
    }
  }
 }).done(function(response) {
   console.log(response); //if you're into that sorta thing
 });

Hier wie:

https://medium.com/design-startups/b53319616782

http://www.codecademy.com/tracks/mandrill
(CodeCademy kann lehren, wie man die API verwenden)

InformationsquelleAutor edubriguenti

1

Diese vielleicht, was sind Sie auf der Suche nach: http://www.sanwebe.com/2011/12/making-simple-jquery-ajax-contact-form . Sie können nur tun, was Sie tun möchten, durch den Einsatz von PHP und HTML + AJAX. Erstellen Sie ein Formular in HTML und als das senden der request + Daten mithilfe von Jquery-POST Anfrage wie dieser:
```
        $.post('sendmail.php', post_data, function(response){  ... }
```
InformationsquelleAutor Agli Panci

Ich glaube nicht, dass Sie 'gesucht' das Netz für Wochen 🙂
Nach einer google-Suche habe ich die folgenden:
https://medium.com/design-startups/b53319616782

Thechnically es ist nicht möglich, emails zu versenden mit javascript allein. Sie müssen immer ein back-End-Dienst. Aber wie beschrieben in den link oben, dort sind meistens kostenlos (je nach Lautstärke), Leistungen (wie im Artikel erwähnt-oben: https://mandrill.com/).

hier ist das code-Beispiel von dem link oben:

$.ajax({
  type: 'POST',
  url: 'https://mandrillapp.com/api/1.0/messages/send.json',
  data: {
    'key’: 'YOUR API KEY HERE’,
    'message': {
      'from_email': '[email protected]',
      'to': [
          {
            'email': '[email protected]',
            'name': 'RECIPIENT NAME (OPTIONAL)',
            'type': 'to'
          },
          {
            'email': '[email protected]',
            'name': 'ANOTHER RECIPIENT NAME (OPTIONAL)',
            'type': 'to'
          }
        ],
      'autotext': 'true',
      'subject': 'YOUR SUBJECT HERE!',
      'html': 'YOUR EMAIL CONTENT HERE! YOU CAN USE HTML!'
    }
  }
}).done(function(response) {
    console.log(response); //if you're into that sorta thing
});

Hoffe, das hilft.

Beste Grüße,
Chris

InformationsquelleAutor Chris

Ich bin faul und kopiert schamlos von W3Schools (Bitte gehen Sie nicht und sagen, wie beschissen W3schools ist, weiß ich, aber dies dient dem Zweck!)>

<h2>Feedback Form</h2>
<?php
//display form if user has not clicked submit
if (!isset($_POST["submit"])) {
  ?>
  <form method="post" action="<?php echo $_SERVER["PHP_SELF"];?>">
  From: <input type="text" name="from"><br>
  Subject: <input type="text" name="subject"><br>
  Message: <textarea rows="10" cols="40" name="message"></textarea><br>
  <input type="submit" name="submit" value="Submit Feedback">
  </form>
  <?php 
} else {    //the user has submitted the form
  //Check if the "from" input field is filled out
  if (isset($_POST["from"])) {
    $from = $_POST["from"]; //sender
    $subject = $_POST["subject"];
    $message = $_POST["message"];
    //message lines should not exceed 70 characters (PHP rule), so wrap it
    $message = wordwrap($message, 70);
    //send mail
    mail("[email protected]",$subject,$message,"From: $from\n");
    echo "Thank you for sending us feedback";
  }
}
?>

InformationsquelleAutor Jack_of_All_Trades

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.