0

podem me ajudar?

Tenho este input number que deve aceitar valores em decimal. As pessoas preenchem o decimal com ponto (.) e não com vírgula (,)

Em todos os navegadores funciona muito bem, EXCETO no firefox que é o nosso navegador padrão. (Firefox só está permitindo (,) e não (.))

inserir a descrição da imagem aqui

Procurei em vários sites (inclusive aqui no stackoverflow) e diversos métodos, a única forma que funcionou foi deixar o input como text e aplicar uma mascara com js convertendo os (.) em (,) evitando assim a dúvida ou o erro noob do usuário.

Tenho como permitir que o firefox aceite (.) no input number? Alguém sabe? Obrigado!

2 Respostas 2

1

Nota: Qualquer número é um valor aceitável, desde que seja um número de ponto flutuante válido (ou seja, não NaN ou Infinity).

"1.0" é diferente "1,0" tem que ver como seu navegador trata ponto flutuante;

Separador decimal têm países que representa com ",", ex: R$; e países que representam com "." ex: $;

para aceitar "1.0" só que depende da localidade do seu navegador ele vai transformar para "1,0".

<input type="number" placeholder="1.0" step="0.01" min="0" max="10">

<html>
<body>
  <input type="number" placeholder="1.0" step="0.01" min="0" max="10">
</body>
</html>

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number

Curiosidade: Mesmo que você tente forçar usando toLocaleString() o input "number" segue a característica da localidade do browser;

var number = 3.5;
document.getElementsByTagName("input")[0].value = number.toFixed(2).toLocaleString('en-US');
console.log(number.toLocaleString());
<html>
<body>
   <input type="number">
</body>
</html>

3
  • Obrigado amigo, Pelo que entendi, então não há muito o que fazer. É uma questão de qual navegador estou usando. Se quero forçar a utilização do (.) tenho que configurar um campo texto com mascara e depois dar as devidas precauções a este campo para somente receber valores inteiros.
    – ShBr
    Commented 31/01/2018 às 13:58
  • @ShBr sim é isso ai!
    – alxwca
    Commented 31/01/2018 às 14:09
  • Olá pessoal, tudo bem!! Consegui uma solução bem mais simples usando <html lang="en">, desta forma, o navegador interpreta o site com a linguagem que desejo, assim o (.) começa a ser aceito!!! Grandes Abraços!!!
    – ShBr
    Commented 5/02/2018 às 15:58
0

tudo bem!! Consegui uma solução bem mais simples usando:

< html lang="en" >

Desta forma o navegador interpreta o site com a linguagem que desejo, assim o ponto (.) começa a ser aceito!!! Grandes Abraços!!!

1
  • Sim, é uma boa saída.
    – alxwca
    Commented 5/02/2018 às 16:58

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 .