每次提交表单时，验证错误消息都会重复

Question

我已经开始尝试隐藏消息类，然后仅在出现错误时显示消息。它在我第一次提交表单时工作正常，但如果我再次提交，它会显示原始错误旁边的错误。如果我再次单击，那么我有3 x相同的错误消息。

$(document).ready(function(){
            $(".message").hide();
            $("#submit").on('click', function(){
                var name = $("#name").val();
                var email = $("#email").val();
                $.ajax({
                    url:'php/functions.php',
                    type:'POST',
                    dataType:'json',
                    data: {name: name, email: email},
                    })

                .done(function(data) {

                    console.log(data);

                    if(! data.success) {

                        if(data.errors.name) {
                            $( "#error-name" ).append(data.errors.name).show();
                        }
                    }
                });
            });
        });