Почтовая форма не работает на сайте

<style>
#feedback-form {
  padding: 2%;
  border-radius: 3px;
  background: #f0f2f4;
}
#feedback-form [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-form [required]:hover {
  border-color: #5c90c2;
  background-color: #ededed;
  box-shadow: 0 1px 2px -1px rgba(0,0,0,.2) inset, 0 0 transparent;
}
#feedback-form [required]:focus {
  outline: none;
  border-color: #5c90c2;
  box-shadow: 0 1px 2px -1px rgba(0,0,0,.2) inset, 0 0 4px rgba(35,146,243,.5);
  transition: .2s linear;
}
#feedback-form [type="submit"] {
  padding: 2%;
  border: none;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.2) inset;
  background: #1abb9c;
  color: #fff;
}
#feedback-form [type="submit"]:hover {
  background: #5c90c2;
}
#feedback-form [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>
<!-- атрибут required говорит, что заполнение поля обязательно -->
<form method="POST" id="feedback-form">
<font color="#000000">
Как к Вам обращаться:
</font>
<input type="text" name="nameFF" required placeholder="Фамилия Имя Отчество" x-autocompletetype="name">
<font color="#000000">
E-mail для связи:
</font>
<input type="email" name="contactFF" required placeholder="Адрес E-Mail" x-autocompletetype="email">
<font color="#000000">
Ваше сообщение:
</font>
<textarea name="messageFF" required rows="5"></textarea>
<input type="submit" value="Отправить">
</form>
 
<script>
document.getElementById('feedback-form').addEventListener('submit', function(evt){
  var http = new XMLHttpRequest(), f = this;
  evt.preventDefault();
  http.open("POST", "contacts.php", true);
  http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  http.send("nameFF=" + f.nameFF.value + "&contactFF=" + f.contactFF.value + "&messageFF=" + f.messageFF.value);
  http.onreadystatechange = function() {
    if (http.readyState == 4 && http.status == 200) {
      alert(http.responseText + ', Ваше сообщение получено.\nНаши специалисты свяжутся с Вами в ближайшее время.\nБлагодарим за интерес к нашей фирме!');    
      f.messageFF.removeAttribute('value'); // очистить поле сообщения (две строки)
      f.messageFF.value='';
    }
  }
  http.onerror = function() {
    alert('Извините, данные не были переданы');
  }
}, false);
</script>

alert(http.responseText + ', Ваше сообщение получено.\nНаши специалисты свяжутся с Вами в ближайшее время.\nБлагодарим за интерес к нашей фирме!');