Поля формы ботстрапа не очищаются после отправки

Question

У меня есть форма Bootstrap 3 на моем сайте. Форма отправляет сообщения в порядке, однако, когда пользователь отправляет форму, поля после этого не очищаются - как это исправить?

Это код контакта.php.

ссылка на 'contact_me.js' https://jsfiddle.net/wookie/6uag6goe/

<form class="form-horizontal" role="form" method="post" action="contact.php"> 
<div class="form-group"> 
    <label for="name" class="control-label">Name</label> 
    <input type="text" class="form-control" id="name" name="name" placeholder="First & Last Name" value="<?php echo htmlspecialchars($_POST['name']); ?>"> 
    <?php echo "<p class='text-danger'>$errName</p>";?> 
</div> 
<div class="form-group"> 
    <label for="email" class="control-label">Email</label> 
    <input type="email" class="form-control" id="email" name="email" placeholder="example@domain.com" value="<?php echo htmlspecialchars($_POST['email']); ?>"> 
    <?php echo "<p class='text-danger'>$errEmail</p>";?> 
</div> 
<div class="form-group"> 
    <label for="service" class="control-label">Service</label> 
    <select class="form-control" id="service" name="service"> 
     <option>Please select a service:</option> 
     <option>service1</option> 
     <option>service2</option> 
     <option>service3</option> 
     <option>service4</option> 
     <option>service5</option> 
     <option>service6</option> 
    </select> 
</div> 
<div class="form-group"> 
    <label for="message" class="control-label">Message</label> 
    <textarea class="form-control" rows="4" name="message"> 
     <?php echo htmlspecialchars($_POST[ 'message']);?> 
    </textarea> 
    <?php echo "<p class='text-danger'>$errMessage</p>";?> 
</div> 
<div class="form-group"> 
    <label for="human" class="control-label">2 + 3 = ?</label> 
    <input type="text" class="form-control" id="human" name="human" placeholder="Your Answer"> 
    <?php echo "<p class='text-danger'>$errHuman</p>";?> 
</div> 
<div class="form-group"> 
    <input id="submit" name="submit" type="submit" value="Send Message" class="btn btn-lg btn-default btn-block"> 
</div> 
<div class="form-group"> 
    <?php echo $result; ?> 
</div> 

Answer 1

Вы вторя из посланных данных. Вы только хотите сделать это, когда в опубликованных данных есть ошибка.

Однако, если вы обнаруживаете ошибку на стороне сервера, вам нужно выполнить только эхо, если есть ошибка. Скажем, вы храните переменную $ IsError, то вы бы изменить это: -

<input type="email" class="form-control" id="email" name="email" placeholder="example@domain.com" value="<?php echo $isError ?htmlspecialchars($_POST['email']) : ""; ?>"> 

Answer 2

Изменить этот

$('#contactForm').trigger("reset"); 

в

$('#contactForm')[0].reset(); 

Answer 3

Пусть ваша форма имеет идентификатор ContactForm затем:

$('#contactForm').on('submit', function() { 
    $(this).each(function() { 
     this.reset(); 
    }); 
});