Предоставление css атрибутов после отправки формы

Question

У меня проблема с отправкой моей контактной формы (написано в php). Когда я отправляю форму для проверки текстовых полей, информационные сообщения появляются в форме, если какая-либо текстовая область пуста. Я использую оператор if, потому что без него style.visibility появляется перед отправкой формы. Итак, почему мой код не работает?

    function(){
        document.getElementById("buttonstatus").addEventListener('click', function(){
            document.getElementById("contact-form").submit();
            if(document.getElementById("contact-form").submit() == true){
                document.getElementById("messages").style.visibility = "visible";
            }
        });
    }

РЕДАКТИРОВАТЬ: текущий стиль видимости свойства «messages» скрыт

EDIT2:

Пытался сделать что-то подобное, но тоже не работает: /

<button id="buttonstatus" onclick="document.getElementById('contact-form').submit(function(){
    document.getElementById('messages').style.visibility = 'visible';
});">Send message</button>