Моя контактная форма создана для информирования пользователей, если они не заполнили необходимую информацию, это работает, но только с электронной почтой. Я включу картинку. Я также изучал, как отобразить сообщение после отправки формы, и попытался выполнить проверку при начальной загрузке. Пока все, что я пробовал, приводит к другой странице ошибки Я использую параллакс-прокрутку, поэтому я продолжаю получать эту ошибку.
Я пытался использовать также 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>
Я хотел бы, чтобы после отправки на той же странице прямо под формой отображалось сообщение, а также сообщения об ошибках, отображаемые, когда пользователь не вводит правильную информацию.