在javascript变得可见时验证隐藏控件

Question

     $(document).ready(function () {
        $('#txtDataFileName').keydown(function (e) {
            if ($(this).is(":visible")) {
                if (e.shiftKey || e.ctrlKey || e.altKey || e.which === 32 && !this.value.length) {
                    e.preventDefault();
                }
                else {
                    var key = e.keyCode;
                    var name = document.getElementById('<%=txtDataFileName.ClientID %>').value;
                    if (!((key == 8) || (key == 32) || (key == 42) || (key >= 35 && key <= 40) || (key >= 65 && key <= 90) || (key >= 48 && key <= 57) || (key >= 96 && key <= 105))) {
                        e.preventDefault();
                        return false;
                    }
                    else {
                        if (name.length < 50 || key == 8) {
                            return true;
                        }
                        else {
                            return false;
                        }
                    }
                }
            }
        });
    });

txtDataFileName是我的控件，其中display in display最初设置为none。在下拉选择中，txtdatafilename显示为块。但仍然在javascript中验证不起作用..

有人可以帮忙吗？