Contact form sends email but has no message

Question

I am having trouble with my PHP code for my website. The email is being sent but has no messages.

This is the email I get when it sends. It's empty.

Data I input in my contact form

I tested my php code without the css files and bootstrap, and received the email perfectly with the messages. But when I included everything, from css and bootstrap codes, I receive the email without any messages.

HTML CODE:

<div class="contact-form bottom">
    <h2> We want to hear from you . Send us a message!</h2>
    <form id="main-contact-form" name="contact-form" method="post" action="send_email_test.php">
        <div class="form-group">
            <input type="text" name="userName" class="form-control" required="required" placeholder="Name">
        </div>
        <div class="form-group">
            <input type="email" name="userEmail" class="form-control" required="required" placeholder="Email Id">
        </div>
        <div class="form-group">
            <textarea name="userMessage" id="message" required class="form-control" rows="8" placeholder="Your text here"></textarea>
        </div>
        <div class="form-group">
            <input type="submit" name="submit" class="btn btn-submit" value="Submit">
        </div>
    </form>
</div>

This is my PHP code:

<?php
$field_name = $_POST['userName'];
$field_email = $_POST['userEmail'];
$field_subject = $_POST['userSubject'];
$field_message = $_POST['userMessage'];

$mail_to = 'info@mariamulan.com'; /* Add your email address here */
$subject = 'Message from website'.$field_name; /* Create your own subject */

$body_message .= 'From: '.$field_name."\n";
$body_message .= 'Email: '.$field_email."\n";
$body_message .= 'Subject: '.$field_subject."\n";
$body_message .= 'Message: '.$field_message;

$headers = 'From: '.$field_email."\r\n";
$headers .= 'Reply-To: '.$field_email."\r\n";

$mail_status = mail($mail_to, $subject, $body_message, $headers);

if ($mail_status) { ?>
<script language="javascript" type="text/javascript">
    alert('Hey! Thanks for the message! We will try to reply to you as soon as possible!');
    window.location = 'index.html'; /* Where you want to get directed */
 </script>
<?php
} else { ?>
<script language="javascript" type="text/javascript">
    alert('Sorry, your message was not sent! Please send an email to 
hello.mariamulan@gmail.com instead.');
    window.location = 'index.html'; /* Where you want to get directed 
*/
</script>
<?php
}
?>

---

Answer 1

Verify that your form has the correct "name" attributes. Your code is pretty dirty tho.