PHP-Datei für HTML-PHP-Formular

Question

Ich studiere ziemlich lange auf einer Website-Vorlage. Ich habe ein Kontaktformular in meiner Website und meine HTML-Datei (index.html) ist mit einer js-Datei (contact-me.js) verknüpft. Ich bin sie ihnen unter:

Kontaktformular In index.html:

<!-- OPEN - Content --> 
      <div class="item-title text-center"> 

       <!-- Contact form --> 
       <form id="contact-form" name="contact-form" method="POST" data-name="Contact Form"> 

        <div class="row"> 

         <!-- Full name --> 
         <div class="col-xs-12 col-sm-6 col-lg-6"> 
          <div class="form-group"> 
           <input type="text" id="name" class="form form-control" placeholder="Write your name" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Write your name'" name="name" data-name="Name" required> 
          </div> 
         </div> 

         <!-- E-mail --> 
         <div class="col-xs-12 col-sm-6 col-lg-6"> 
          <div class="form-group"> 
           <input type="email" id="email" class="form form-control" placeholder="Write your email address" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Write your email address'" name="email-address" data-name="Email Address" required> 
          </div> 
         </div> 

         <!-- Subject --> 
         <div class="col-xs-12 col-sm-12 col-lg-12"> 
          <div class="form-group"> 
           <input type="text" id="subject" class="form form-control" placeholder="Write the subject" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Write the subject'" name="subject" data-name="Subject"> 
          </div> 
         </div> 

         <!-- Message --> 
         <div class="col-xs-12 col-sm-12 col-lg-12 no-padding"> 
          <div class="form-group"> 
           <textarea id="text-area" class="form textarea form-control" placeholder="Your message here... 20 characters Min." onfocus="this.placeholder = ''" onblur="this.placeholder = 'Your message here... 20 characters Min.'" name="message" data-name="Text Area" required></textarea> 
          </div> 
         </div> 

        </div> 

        <!-- Button submit --> 
        <button type="submit" id="valid-form" class="btn btn-color">Send my Message</button> 

       </form> 
       <!-- /. Contact form --> 

       <div id="block-answer"> 
        <div id="answer"></div> 
       </div> 

      </div> <!-- CLOSE - Content --> 

und mein Kontakt-me.js ist:

$(document).ready(function() { 

$("#contact-form [type='submit']").click(function(e) { 
    e.preventDefault(); 

    // Get input field values of the contact form 
    var user_name  = $('input[name=name]').val(); 
    var user_email  = $('input[name=email-address]').val(); 
    var user_subject = $('input[name=subject]').val(); 
    var user_message = $('textarea[name=message]').val(); 

    // Datadata to be sent to server 
    post_data = {'userName':user_name, 'userEmail':user_email, 'userSubject':user_subject, 'userMessage':user_message}; 

    // Ajax post data to server 
    $.post('php/contact-me.php', post_data, function(response){ 

     // Load json data from server and output message  
     if(response.type == 'error') { 

      output = '<div class="error-message"><p>'+response.text+'</p></div>'; 

     } else { 

      output = '<div class="success-message"><p>'+response.text+'</p></div>'; 

      // After, all the fields are reseted 
      $('#contact-form input').val(''); 
      $('#contact-form textarea').val(''); 

     } 

     $("#answer").hide().html(output).fadeIn(); 

    }, 'json'); 

}); 

// Reset and hide all messages on .keyup() 
$("#contact-form input, #contact-form textarea").keyup(function() { 
    $("#answer").fadeOut(); 
}); 

}); 

Können Sie mir bitte helfen Sie mir mit dem PHP-Datei . Ich bin völlig neu in PHP. Bitte helfen Sie mir mit der PHP-Datei, die ich für dieses Formular verwenden soll.

Answer 1

ich davon aus, dass Sie ein PHP-Skript müssen Sie die Daten auf Ihrem E-Mail zu senden, die Benutzer

betritt ich keine Ahnung, ernsthaft, warum Sie Javascript verwenden (Sie werden keine Daten zu überprüfen, so Post Aktionsmethode verwenden php. nur action = "somename.php" in Formular-Tag hinzufügen, somewat wie diese

<form id="contact-form" name="contact-form" method="POST" action="somename.php">

und in somename.php halten den folgenden Inhalt

<?php 
 
$name = $_POST['name']; 
 
$usermail = $_POST['email-address']; 
 
$message = $_POST['message']; 
 
$to = "yourmail@example.com"; 
 
$subject = $_POST['subject']; 
 
$text = "Name-" . $name ."\nEmail-" . $usermail ."\nMessage-" . $message; 
 
$headers = "From: webmaster@yourdomain.com" . "\r\n" . 
 
"CC: somebodyelse@example.com"; 
 

 
mail($to,$subject,$text,$headers); 
 

 
?>

Weiter geht es mit Hilfe von Javascript kann (wenn ja Aktion nicht hinzufügen Tag bilden).

Answer 2

Hier ist ein Beispielcode. Sie benötigen ein grundlegendes Verständnis von POST and GET method und lesen the PHP manual wie ‚mail()‘ verwenden

<?php 
    $to = "mail@yourdomain.com"; 
    $from = $_POST['user_email']; 
    $name = $_POST['user_name']; 
    $headers = "From: $from"; 
    $subject = $_POST['user_subject']; 
    $body = $_POST['user_message']; 
    $send = mail($to, $subject, $body, $headers); 
?>