从多步表单发送电子邮件提交

如何解决从多步表单发送电子邮件提交

我正在尝试创建一个多步骤表单，每次提交表单时都会向我发送一封电子邮件。该表格完全有效，只是它不会向我发送电子邮件。我使用的代码确实适用于我所做的另一个测试，其中表单不是多步表单。

这是我使用的代码：

<form <?PHP
          error_reporting(E_ALL);
          if(isset($_POST['submit'])){
                        $name=$_POST['name'];
                        $email=$_POST['email'];
                        $phone=$_POST['phone'];
                        $message=$_POST['message'];

                        $to='[e-mail]'; // Receiver Email ID,Replace with your email ID
                        $subject='Form Submission';
                        $message="Name :".$name."\n"."Email :".$email."\n"."Phone :".$phone."\n"."Wrote the following :"."\n\n".$message;
                        $headers="From: ".$email;

                        if(mail($to,$subject,$message,$headers)){
                            echo "<h1>Sent Successfully! Thank you"." ".$name.",We will contact you shortly!</h1>";
                        }
                        else{
                            echo "Something went wrong!";
                        }
                    }
                ?> method="post" name="form" class="form-Box">

        <div class="step step-1 active">
            <div class="form-group">
                <label for="name">Name</label>
                <input type="text" id="name" name="name">
            </div><br>
            <button type="button" class="next-btn">Next</button>
        </div>

        <div class="step step-2">
            <div class="form-group">
                <label for="email">Email</label>
                <input type="email" id="email" name="email">
            </div><br>
            <div class="form-group">
                <label for="phone">Phone Number</label>
                <input type="number" id="phone" name="phone">
            </div>
            <button type="button" class="prev-btn">PrevIoUs</button>
            <button type="button" class="next-btn">Next</button>
        </div>

        <div class="step step-3">
            <div class="form-group">
                <label for="message">Message</label>
                <textarea name="message" class="message-Box" placeholder="Enter Your Message Here..."></textarea>
                <!--                    <input type="text" id="message" name="message">-->
            </div>
            <button type="button" class="prev-btn">PrevIoUs</button>
            <button type="submit" name="submit" value="Send" class="submit-btn">Submit</button>
        </div>

    </form>

提前致谢，我希望有人能帮我弄清楚。