Şöyle bir kodum var, neyi atladığımı göremiyorum;
HTML'in içinde js çağrılıyor.

<script type="text/javascript" src="js/form-scripts.js"></script>

Formum şu şekilde HTML'in içinde;

<section class="contactform"> <div class="section-overlay"> <div class="container"> <div class="text-center top-text"> <h1><span>Send Us</span> an email</h1> <h4>We are very responsive to messages</h4> </div> <div class="form-container"> <form role="form" id="contactForm" data-toggle="validator"> <div class="form-inputs"> <div class="col-md-6 form-group custom-form-group"> <span class="input custom-input"> <input placeholder="Your First Name" class="input-field custom-input-field" id="firstname" type="text" required data-error="NEW ERROR MESSAGE"> <label class="input-label custom-input-label" > <i class="fa fa-user icon icon-field"></i> </label> </span> </div> <div class="col-md-6 form-group custom-form-group"> <span class="input custom-input"> <input placeholder="Your Last Name" class="input-field custom-input-field" id="lastname" type="text" required> <label class="input-label custom-input-label" > <i class="fa fa-user-o icon icon-field"></i> </label> </span> </div> <div class="form-group custom-form-group col-md-12"> <textarea placeholder="Your Message" id="message" name="message" cols="45" rows="7" required></textarea> </div> <div class="col-md-6 form-group custom-form-group"> <span class="input custom-input"> <input placeholder="Your Email" class="input-field custom-input-field" id="email" type="text" required> <label class="input-label custom-input-label" > <i class="fa fa-envelope icon icon-field"></i> </label> </span> </div> <div class="col-md-6 submit-form"> <button id="form-submit" name="submit" type="submit" class="custom-button" title="Send">Send Message</button> </div> <div id="msgSubmit" class="hidden"></div> </div> </form> </div> </div> </div> </section>

form-scripts.js Şu şekilde

$("#contactForm").validator().on("submit", function (event) { if (event.isDefaultPrevented()) { // handle the invalid form... formError(); submitMSG(false, "Did you fill in the form properly?"); } else { // everything looks good! event.preventDefault(); submitForm(); } }); function submitForm(){ // Initiate Variables With Form Content var firstname = $("#firstname").val(); var lastname = $("#lastname").val(); var email = $("#email").val(); var message = $("#message").val(); $.ajax({ type: "POST", url: "php/form-process.php", data: "firstname=" + firstname + "&lastname=" + lastname + "&email=" + email + "&message=" + message, success : function(text){ if (text == "success"){ formSuccess(); } else { formError(); submitMSG(false,text); } } }); } function formSuccess(){ $("#contactForm")[0].reset(); submitMSG(true, "Message Submitted!") } function formError(){ $("#contactForm").removeClass().addClass('shake animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){ $(this).removeClass(); }); } function submitMSG(valid, msg){ if(valid){ var msgClasses = "success"; } else { var msgClasses = "failure"; } $("#msgSubmit").removeClass().addClass(msgClasses).text(msg); }

Bu da form-process.php

<?php $errorMSG = ""; // FIRST NAME if (empty($_POST["firstname"])) { $errorMSG = "Name is required "; } else { $firstname = $_POST["firstname"]; } // LAST NAME if (empty($_POST["lastname"])) { $errorMSG .= "Last Name is required "; } else { $lastname = $_POST["lastname"]; } // EMAIL if (empty($_POST["email"])) { $errorMSG .= "Eail is required "; } else { $email = $_POST["email"]; } // MESSAGE if (empty($_POST["message"])) { $errorMSG .= "Message is required "; } else { $message = $_POST["message"]; } $EmailTo = "natmes@natmes.com"; $Subject = "New Message Received"; // prepare email body text $Body = ""; $Body .= "First Name: "; $Body .= $firstname; $Body .= "\n"; $Body .= "Last Name: "; $Body .= $lastname; $Body .= "\n"; $Body .= "Email: "; $Body .= $email; $Body .= "\n"; $Body .= "Message: "; $Body .= $message; $Body .= "\n"; // send email $success = mail($EmailTo, $Subject, $Body, "From:".$email); // redirect to success page if ($success && $errorMSG == ""){ echo "success"; }else{ if($errorMSG == ""){ echo "Something went wrong :("; } else { echo $errorMSG; } } ?>