1

Estou com uma função em Javascript, e de toda forma que eu coloco ele entra na função, eu quero que ele não entre se o valor tiver null, pois está dando erro. Ele só precisa entrar na função se anexo for diferente de nulo. Segue como estou fazendo:

   $(function () {
            if (document.getElementById("Anexo").value != "" || document.getElementById("Anexo").value != undefined || document.getElementById("Anexo").value != null) {
                $('#<%=Anexo.ClientID %>').change(function () {
                    var f = this.files[0]

                    if (f.size > 8388608 || f.fileSize > 8388608) {
                        alert("Tamanho excede o limite permitido.")

                        this.value = null;
                    }
                })
            }
        });

De qualquer forma que eu coloco, ele me retorna sempre o erro nesta linha:

$('#<%=Anexo.ClientID %>').change(function () {

Se o Anexo ta preenchido não retorna erro, porém pode acontecer do mesmo estar vazio. E não pode retornar erro, por isso estou tentando utilizar o if.

Edição: Depois de muitas tentativas, cheguei no seguiente erro:

Referência de objeto não definida para uma instância de um objeto. Que ocorre nesta linha: $('#<%=Anexo.ClientID %>').change(function () {

Utilizo a linguagem Asp.net C#. Anexo é um componente FileUpload, este erro ocorre só quando o componente está vazio, por isso precisaria verificar se o mesmo está nulo para realizar a função.

Edição: Tentei colocando numa variável, dessa forma:

var label = document.getElementById("<%=Anexo.ClientID%>");

Quando declaro na variável, ai ele me dá o erro nesta linha, e o mesmo erro de:

Referência de objeto não definida para uma instância de um objeto.

15
  • Na sua condição, tente fazer: if (document.getElementById("Anexo") && document.getElementById("Anexo").value) { ... }
    – Woss
    Commented 20/07/2017 às 15:20
  • Acontece o mesmo problema, continua acontecendo o erro na mesma linha.
    – Mariana
    Commented 20/07/2017 às 17:48
  • Então, por favor, edite a pergunta e descreva melhor seu problema, preferencialmente criando um Exemplo Mínimo, Completo e Verificável, pois está complicado entender o que está acontecendo.
    – Woss
    Commented 20/07/2017 às 17:50
  • Mesmo Anexo estando nulo, ele entra nessa função, no caso se estivesse nulo não poderia entrar, e de toda forma q eu coloco != null != undefined != "" ele sempre entra na função.
    – Mariana
    Commented 20/07/2017 às 17:52
  • Possível duplicata de Como checar se uma String está vazia em Javascript?
    – BrTkCa
    Commented 21/07/2017 às 12:35

2 Respostas 2

5

Considerando esta condição:

if (obj.value != "" || obj.value != null || obj.value != undefined) {
  console.log("Condição foi satisfeita");
}

A condição será verdadeira quando:

  1. obj.value for diferente de ""; ou
  2. obj.value for diferente de null; ou
  3. obj.value for diferente de undefined;

Então, se o valor for uma string vazia, a condição 2 é satisfeita e o código é executado:

const obj = {"value": ""};

if (obj.value != "" || obj.value != null || obj.value != undefined) {
  console.log("Condição foi satisfeita");
}

Se o valor for nulo, a condição 1 é satisfeita e o código é executado:

const obj = {"value": null};

if (obj.value != "" || obj.value != null || obj.value != undefined) {
  console.log("Condição foi satisfeita");
}

Já, se o valor for indefinido, a condição 1 também é satisfeita e o código é executado:

const obj = {"value": undefined};

if (obj.value != "" || obj.value != null || obj.value != undefined) {
  console.log("Condição foi satisfeita");
}

E, por fim, se o valor não existir um erro será disparado.

const obj = undefined;

if (obj.value != "" || obj.value != null || obj.value != undefined) {
  console.log("Condição foi satisfeita");
}

Acredito que nenhuma das opções acima deveria fazer o código executar, então faça:

if (obj && obj.value) {
  console.log("Condição foi satisfeita");
}

Pois assim, se o objeto não existir, o primeiro operando da expressão retornará falso. Já, se o atributo value do objeto não existir ou ser nulo, o segundo operando retornará falso. Veja abaixo todos os testes anteriores sobre esta condição:

const tests = [
  {"value": ""},
  {"value": null},
  {"value": undefined},
  undefined
];

for (obj of tests) {
  if (obj && obj.value) {
    console.log("Condição foi satisfeita");
  }
}

Perceba que o código não é executado em todos os testes. Porém, se definir um valor para o atributo:

const obj = {"value": "foo"};

if (obj && obj.value) {
  console.log("Condição foi satisfeita");
}

O código é executado.

10
  • vou fazer os testes, obrigado.
    – Mariana
    Commented 20/07/2017 às 19:59
  • Bom dia Anderson, de toda forma que coloco, continua dando erro na mesma linha: $('#<%=Anexo.ClientID %>').change(function () { Se estivesse vazio ele não deveria entrar, não sei porque ele entrar e dá o erro nesta linha. O erro que ele dá é: Referência de objeto não definida para uma instância de um objeto.
    – Mariana
    Commented 21/07/2017 às 11:25
  • Ah, então o seu problema não está no JavaScript. Que linguagem é esta que está utilizando? De onde vem este valor Anexo? Por quê esta mensagem de erro não estava na pergunta desde o início?
    – Woss
    Commented 21/07/2017 às 11:50
  • Anderson, depois de muitas mudanças que cheguei neste erro, ainda não editei a pergunta pois só consegui verificar agora. Anexo, é um fileUpload, utilizo na linguagem C# Asp.Net.
    – Mariana
    Commented 21/07/2017 às 11:52
  • Então coloque seu código C# na pergunta e a mensagem de erro completa.
    – Woss
    Commented 21/07/2017 às 11:53
2

Faltou alguns ; no seu código. Também tem problema na sua verificação, se o value fosse null a verificação document.getElementById("Anexo").value != "" iria retornar true, e como você estava usando o ||(ou), se qualquer uma das verificações retornasse true a resposta seria true. Então substitui o ||(ou) por &&(e). Ou seja, a resposta será true somente se todas as verificações retornarem true:

$(function () {
    if (document.getElementById("Anexo").value != "" && 
        document.getElementById("Anexo").value != undefined && 
        document.getElementById("Anexo").value != null) {
            $('#<%=Anexo.ClientID %>').change(function () {
                var f = this.files[0];
                if (f.size > 8388608 || f.fileSize > 8388608) {
                    alert("Tamanho excede o limite permitido.");
                    this.value = null;
                }
            });
    }
});
7
  • Isso não parece resolver o problema. Se o valor for null, a primeira condição, value != "", será satisfeita, então entra no if.
    – Woss
    Commented 20/07/2017 às 15:21
  • Continua com o mesmo problema, o erro ocorre sempre nesta linha " $('#<%=Anexo.ClientID %>').change(function () {", o if parece não funcionar, coloquei no console do google, para verificar o valor quando está vazio, e aparece assim: document.getElementById("Anexo").value ""
    – Mariana
    Commented 20/07/2017 às 15:22
  • Bem observado @AndersonCarlosWoss, vou alterar a resposta Commented 20/07/2017 às 15:24
  • @RobertoFagundes cai no mesmo erro, e não funciona o resto da função, mesmo quando insiro um arquivo dentro do padrão;
    – Mariana
    Commented 20/07/2017 às 15:35
  • 1) deve usar o && and e não o || ou. 2) após a condição não se faz um função que aguarda uma nova ação do usuário. 3) recupere em variáveis as informações dinâmicas para que possa verificar se tem conteúdo. var xpto = '<%=Anexo.ClientID %>'; Commented 21/07/2017 às 10:38

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .