Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia,
Estou com problemas com casa decimal do "CUSTO TOTAL", esta apresentando uma variação de casas decimais como: 0,0 0,00 e 0,0000000000000
Em anexo 3 imagens com os exemplos.
O que devo fazer para resolver com esse problema?
OBS: No sistema é bloqueado qualquer tipo de browser diferente do Google Chrome.
Segue abaixo o código do "CUSTO TOTAL",
<div class="col-md-12">
<div class="form-group col-md-3 required">
<label class="control-label">CUSTO UNITÁRIO</label>
<div class="input-group"><span class="input-group-addon left">R$</span>
<input type="number" step="0.01" class="form-control" id="custo_unitario" name="custo_unitario" value="" required="" readonly="readonly">
</div>
</div>
<div class="form-group col-md-3 required">
<label class="control-label">CUSTO TOTAL</label>
<div class="input-group"><span class="input-group-addon left">R$</span>
<input type="number" step="0.01" class="form-control" id="custo_total" name="custo_total" value="" required="" readonly="readonly">
</div>
</div>
Obrigado!
Pita,
Obrigado pela resposta, mas existe outra forma de resolver isso?
Não entendo por que tem essa variação de apresentação dos valores.
Que eu saiba não, o type number ele irá criar um campo texto com recursos auxiliares, como a setinhas, para facilitar a entada de informação em navegadores que aceite, e se colocar o step = 0.01 cada clique nas setinhas irá aumentar ou diminuir neste valor, mas o usuário continua podendo digitar o que quiser
>
16 minutos atrás, Pita disse:
Que eu saiba não, o type number ele irá criar um campo texto com recursos auxiliares, como a setinhas, para facilitar a entada de informação em navegadores que aceite, e se colocar o step = 0.01 cada clique nas setinhas irá aumentar ou diminuir neste valor, mas o usuário continua podendo digitar o que quiser
Ola, Pita
Eu nao estou utilizando a função de setinha para cima ou para baixo, apenas utilizo type como number para apresentar o valor no campo do formulário.
Nao consigo entender a logica ou bug, erro seila o que .. nessa variação de apresentação de quantidade de zeros decimais.
É preciso entender uma coisa, input type number nada mais é do que uma especificação do HTML5 para criar um input type text com alguns recursos para facilitar a entrada de dados, no caso do number os navegadores mostram as "setinhas" e faz uma validação se o usuário digitou algum caracter inválido.
Não é para o input number fazer todo o trabalho, tanto é que ele disponibiliza poucos atributos para este fim. O atributo step não serve para fazer a formatação dos inputs number, a função dele é simplesmente indicar quanto será somado ou subtraído quando clicar nas setinhas.
Por isso que falei que a melhor forma seria utilizar algum plugin de mascara que vai atender especificamente no que você está atuando
>
17 horas atrás, Pita disse:
É preciso entender uma coisa, input type number nada mais é do que uma especificação do HTML5 para criar um input type text com alguns recursos para facilitar a entrada de dados, no caso do number os navegadores mostram as "setinhas" e faz uma validação se o usuário digitou algum caracter inválido.
Não é para o input number fazer todo o trabalho, tanto é que ele disponibiliza poucos atributos para este fim. O atributo step não serve para fazer a formatação dos inputs number, a função dele é simplesmente indicar quanto será somado ou subtraído quando clicar nas setinhas.
Por isso que falei que a melhor forma seria utilizar algum plugin de mascara que vai atender especificamente no que você está atuando
Entendi, vou estudar mais sobre isso.
O problema que relatei nas fotos foi resolvido limpando o cache do navegador.
Mas fica o aprendizado.
Obrigado, PITA.
Para esses casos acho que seria legal utilizar algum plugin de mascara, por exemplo
https://igorescobar.github.io/jQuery-Mask-Plugin/