Очистка полей после отправки формы

Как сделать чтобы после отправки формы поля очищались?Куда именно надо вставить код очистки?

<style type="text/css">
#feedback-form1 {
width: 300px;
padding: 2%;
border-radius: 3px;
background: #90d8f2;
padding:40;
height:180px;
}
#feedback-form1 [required] {
width: 100%;
box-sizing: border-box;
margin: 2px 0 2% 0;
padding: 2%;
border: 1px solid rgba(0,0,0,.1);
border-radius: 3px;
box-shadow: 0 1px 2px -1px rgba(0,0,0,.2) inset, 0 0 transparent;

}
#feedback-form1 [required]:hover {
border-color: #8d939a;
box-shadow: 0 1px 2px -1px rgba(0,0,0,.2) inset, 0 0 transparent;

}
#feedback-form1 [required]:focus {
outline: none;
border-color: #7eb4ea;
box-shadow: 0 1px 2px -1px rgba(0,0,0,.2) inset, 0 0 4px rgba(35,146,243,.5);
transition: .2s linear;

}
#feedback-form1 [type="submit"] {
padding: 3%;
border: none;
border-radius: 3px;
background: #1e90ff;
color: #fff;
position:absolute;
padding:10px;
margin-left:10px;
}
#feedback-form1 [type="reset"] {
padding: 3%;
border: none;
border-radius: 3px;
background: #1e90ff;
color: #fff;
margin-left:190px;
margin-top:0px;
padding:10px;
}
#feedback-form1 [type="submit"]:hover {
background: #5c90c2;
}
#feedback-form1 [type="submit"]:focus {
box-shadow: 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
}
</style>
<form method="POST" id="feedback-form1" name="form" style="position:absolute; margin-left:600px; margin-top:-280px;opacity:0.6;">
<input type="text" name="nameFF" required placeholder="Имя:" x-autocompletetype="name"><br><br>
<input type="email" name="contactFF" required placeholder="Почта:" x-autocompletetype="email" ><br><br>
<input type="text" name="messageFF" required rows="5" required placeholder="Телефон:" x-autocompletetype="phone" ><br><br>
<input type="submit" value="Отправить заявку" >
<input type="reset" value="Очистить">

</form>
<script language="javascript">
document.getElementById('feedback-form1').onsubmit = function(){
var http = new XMLHttpRequest();
http.open("POST", "ind.php", true);
http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
http.send("nameFF=" + this.nameFF.value + "&contactFF=" + this.contactFF.value + "&messageFF=" + this.messageFF.value);
http.onreadystatechange = function() {
if (http.readyState == 4 && http.status == 200) {
alert(http.responseText + ', Ваше сообщение отправлено!');
}
}
http.onerror = function() {
alert('Извините, данные не были переданы');
}
return false;
}
</script>
</form>
<?php
if (array_key_exists('messageFF', $_POST)) {
mail ("vitorvideo111@mail.ru",
"заполнена контактная форма с ".$_SERVER['HTTP_REFERER'],
"Имя: ".$_POST['nameFF']."\nEmail: ".$_POST['contactFF']."\nТелефон: ".$_POST['messageFF']);
echo $_POST['nameFF'];
}
?>

0

0

Поля очищаются, но сообщения не отправляются и не выводится "Ваше сообщение отправлено".

Добавлено через 56 минут
Теперь работает.Надо было так написать if (http.readyState == 4 && http.status == 200) {
alert(http.responseText + ', Ваше сообщение отправлено!');

}
}
this.reset();
Спасибо за совет.

0

Я спросонья фаршманул. Можно, думаю, изменить в моем варианте this на document.getElementById('feedback-form1') и тогда сработает. Идея состояла в том, чобы очистить поля только в случае удачной отправки.

0