Javascript 类不在单击时删除

该类在窗体为空时添加，但在窗体中输入详细信息时不删除。我不明白为什么？

在函数中移动邮政编码块。否则，当页面加载时，它只获取一次值。通过将其放置在函数中，它将在每次单击时检查值

$(document).ready(function (){

            var postcode = $('#postcode-form').val();

            function errors(){
                if(postcode == ""){
                    $('#postcode-form').addClass("form-error");
                }else{
                    $('#postcode-form').removeClass("form-error");
                }
            }

            $('#submit-form').click(errors);
        });

---

现在你知道它为什么不起作用了。不过，我会利用这个错误，重构以缓存选择器

function errors() {
    var postcode = $('#postcode-form').val();
    if (postcode == "") {
        $('#postcode-form').addClass("form-error");
    } else {
        $('#postcode-form').removeClass("form-error");
    }
}

$(document).ready(function (){

        var $postcode = $('#postcode-form');

        function errors(){
            if($postcode.val() == ""){
                $postcode.addClass("form-error");
            }else{
                $postcode.removeClass("form-error");
            }
        }

        $('#submit-form').click(errors);
    });