不点击删除的类

Question

$(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);
        });

当表单为空时，类会添加，但在表单中输入详细信息时不会删除。我不明白为什么？

Answer 1

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

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

Answer 2

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

$(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);
    });