提交按钮将不会发送电子邮件或在服务器上启动操作

Question

I have been working on this contact form for ages now and still haven't been able to send a working e-mail. So instead of wasting my time just guess and checking different solutions I figured I might ask for some help.

The form looks like this:

 <form action="assets/php/contact.php" name="contact" id="contact" role="form" method="post"> <div class="form-group"> <label class="sr-only" for="name">Name</label> <input type="text" id="name" class="form-control" name="name" placeholder="Name*" required="" data-validation-required-message="Please enter your name."> <p class="help-block text-danger"></p> </div> <div class="form-group"> <label class="sr-only" for="email">Email</label> <input type="email" id="email" name="email" class="form-control" placeholder="Your E-mail*" required="" data-validation-required-message="Please enter your email address."> <p class="help-block text-danger"></p> </div> <div class="form-group"> <label class="sr-only" for="category">Video Category</label> <input type="text" id="category" class="form-control" name="category" placeholder="Category*" required="" data-validation-required-message="Please enter the catergory."> <p class="help-block text-danger"></p> </div> <div class="form-group"> <textarea class="form-control" id="message" name="message" rows="7" placeholder="Message*" required data-validation-required-message="Please enter your message."></textarea> <p class="help-block text-danger"></p> </div> <div class="text-center"> <button type="submit" name="submit" class="btn btn-block btn-round btn-dark">Submit</button> </div> </form> 

Any my contact.php file looks like so:

<?php
        $name = $_POST['name'];
        $email = $_POST['email'];
        $message = $_POST['message'];
        $category = $_POST['category'];
        $from = 'Contact Form'; 
        $to = 'testemail@gmail.com'; 
        $body = "From: $name\n Category: $category\n E-Mail: $email\n Message:\n $message";
    if ($_POST['submit']) {
        if (mail ($to, $subject, $body, $from)) {
        $result='<div class="alert alert-success">Thank You! I will be in touch</div>';
    } else {
        $result='<div class="alert alert-danger">Sorry there was an error sending your message. Please try again later</div>';
    }
}
?>

Currently whenever I press the submit button on my site, the page does nothing. Before I was getting a 404 error for my PHP file but I seem to have fixed that.

Answer 1

This:

<button type="submit" name="submit" class="btn btn-block btn-round btn-dark">Submit</button>

Probably should be this:

<input type="submit" name="submit" value="submit" class="btn btn-block btn-round btn-dark">

Answer 2

<form> tag doesn't need a name attribute plus you should replace

<button type="submit" name="submit" class="btn btn-block btn-round btn-dark">Submit</button>

with this

<input type="submit" name="submit" class="btn btn-block btn-round btn-dark">

your php code will throw undefined index error because there is no such $_POST['name'] or $_POST['email'] yet but it won't stop the execution you should modify it into this

 <?php
        if (isset($_POST['submit'])) {

            $name = $_POST['name'];
            $email = $_POST['email'];
            $message = $_POST['message'];
            $category = $_POST['category'];
            $from = 'Contact Form'; 
            $to = 'testemail@gmail.com'; 
            $body = "From: $name\n Category: $category\n E-Mail: $email\n Message:\n $message";
            if (mail ($to, $subject, $body, $from)) {
            $result='<div class="alert alert-success">Thank You! I will be in touch</div>';
        } else {
            $result='<div class="alert alert-danger">Sorry there was an error sending your message. Please try again later</div>';
        }
    }
    ?>