自举联系表格视差显示消息

Question

我的联系表格是为了通知用户是否未填写所需信息而创建的，仅对电子邮件有效。我将附上一张图片。我还一直在研究提交表单后如何显示消息，并且尝试了引导验证。到目前为止，我尝试过的所有操作都导致另一个错误页面。我正在使用视差滚动，这就是为什么我不断收到此错误的原因。 香港专业教育学院试图同时使用javaScript和php来帮助我的联系表格，到目前为止，我一直陷于困境。这就是我到目前为止

<section id="contact">
  <h2 class="h1-responsive font-weight-bold text-center my-4">Do you have any questions?</h2>
  <!--Section description-->
  <p class="text-center w-responsive mx-auto mb-5">Contact us</p>
  <div class="container">
    <div class="row">
      <div class="col-sm-offset-3 col-sm-6">
      </div>
    </div>

    <form role="form" id="contact-form" class="contact-form">
      <div class="row">
        <div class="col-md-6">
          <div class="form-group">
            <input type="text" class="form-control" name="Name" autocomplete="off" id="Name" placeholder="Name">
          </div>
        </div>
        <div class="col-md-6">
          <div class="form-group">
            <input type="email" class="form-control" name="email" autocomplete="off" id="email" placeholder="E-mail">
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-md-12">
          <div class="form-group">
            <textarea class="form-control textarea" rows="3" name="Message" id="Message" placeholder="Message"></textarea>

          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-md-12">
          <button type="submit" class="btn btn-outline-warning pull-right " data-aos="zoom-in-right">Send a message</button>
        </div>
      </div>
    </form>



  </div>
</section>

提交后，我希望在表单下的同一页面上显示一条消息，以及用户未输入正确信息时显示的错误消息。