8

Qual a maneira mais simples e correta de validar um número decimal em Javascript?

Por exemplo, como implementar uma função IsNumeric que tenha os seguintes Casos de teste:

IsNumeric('-1')     true
IsNumeric('-1.5')   true
IsNumeric('0')      true
IsNumeric('0.42')   true
IsNumeric('.42')    true
IsNumeric('99,999') false
IsNumeric('0x89f')  false
IsNumeric('#abcdef')false
IsNumeric('1.2.3')  false
IsNumeric('')       false
IsNumeric('blah')   false
3
  • 1
    Pergunta relacionada: "Como verificar se existem números dentro de um input com JavaScript?" (não considero isso como duplicata, pois se trata simplesmente de evitar dígitos em um campo, mas as respostas contém informações adicionais relevantes)
    – mgibsonbr
    Commented 5/06/2014 às 4:40
  • Agora que eu vi, o meu caso '99,999' deveria ser true considerando que pode ser o número 99999 usando , como delimitador de milhar Commented 24/10/2018 às 16:34
  • É difícil uma expressão que funcione em todos os casos, mas uma maneira de adaptar a expressão pra aceitar milhares separados por vírgula é colocar isso antes do ponto: (\,\d\d\d)*. Não é perfeito, pois uma expressão como essa ^-?\d*(\,\d\d\d)*\.?\d+$ aceitaria tanto ,123 quanto 12345,678 e até mesmo 1,2345 (pois o ponto é opcional), ou seja, tem muitos falsos positivos. Resta saber portanto se sua preocupação é maior com falsos positivos ou com falsos negativos, e ajustar a regex de acordo. Ou, é claro, fazer uma função mais complexa e/ou que não se baseie em regex...
    – mgibsonbr
    Commented 24/10/2018 às 20:20

1 Resposta 1

10

Creio que seria através do uso de uma expressão regular. Uma expressão que satisfaz todos os seus testes propostos seria:

^-?\d*\.?\d+$

Exemplo no jsFiddle. Explicando:

  • ^ início da string
  • -? com ou sem menos na frente
  • \d* zero ou mais dígitos (para que .42 valide, é importante aceitar zero dígitos antes do ponto)
  • \.? com ou sem ponto
  • \d+ um ou mais dígitos
  • $ fim da string

Outras expressões poderiam ser usadas caso de desejasse aceitar uma gama maior de números - como agrupar milhares usando a vírgula (padrão americano), permitir notação científica usando o e (comum em linguagens de programação), permitir um + na frente além de somente um menos, etc. E um problema "óbvio" com a expressão proposta é que ela não rejeita números com zeros à esquerda.

No fim, é uma questão de identificar com precisão que formato se espera que uma string possa ter para ser considerada "numérica" e ajustar a expressão de acordo. Ela pode se tornar um bocado grande, mas na minha opinião isso ainda é mais simples que tentar um parse manual (apenas se aquilo que você considera "número" não se enquadrar em uma linguagem regular é que se torna necessário um método mais sofisticado).

6
  • 1
    Nota: poderia-se também usar o parseFloat para tentar interpretar o número, e verificar se ele não voltou NaN, o problema é que se o prefixo da string for um número ele interpreta esse prefixo e ignora o resto... De modo que não vejo um meio de se compor uma solução prática usando essa função.
    – mgibsonbr
    Commented 5/06/2014 às 4:47
  • eu fiz uma alteração no jsFiddle agora ta mostrando o resultado: jsfiddle.net/bruxohpotter/54N2q/7 será que comparando sem o eval seria melhor?
    – user6026
    Commented 5/06/2014 às 15:20
  • @HarryPotter O teste com eval é só um exemplo, a função IsNumeric em si não usa eval. Seu fiddle deu errado porque expressao é uma string e esperado é um boolean, de modo que compará-los sempre retorna false.
    – mgibsonbr
    Commented 5/06/2014 às 17:08
  • @HarryPotter para funcionar o testes, terá que retirar as aspas das chamadas das funções - já que você retirou o eval. Irá funcionar. Commented 5/06/2014 às 18:39
  • 1
    @AndréFigueiredo realmente faltou retirar as aspas, fiz a alteração: jsfiddle.net/bruxohpotter/mVj9K, vlw
    – user6026
    Commented 5/06/2014 às 22:51

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 .