1

Como colocar decimal (1,0 e 1,10) no step="0.010" de um campo type=number?já tentei fazer mas sempre os zeros ficam de fora, não é possível fazer uma altura 1.60 por exemplo, o resultado sempre é 1,6.

1
  • Isso é porque os zeros à direita não valem de nada. Se você precisa disto, vais ter que usar uma máscara ao invés de um campo do tipo number.
    – Jéf Bueno
    Commented 7/11/2017 às 22:25

1 Resposta 1

2

Com este simples JavaScript você resolve isso (os listeners são só para exemplo, você não precisa usá-los. O código dentro deles demonstram como adicionar um 0 à direita das decimais):

document.getElementById("input").addEventListener("change", function(){
   this.value = parseFloat(this.value).toFixed(2);
});

document.getElementById("input").addEventListener("change", function(){
   this.value = parseFloat(this.value).toFixed(2);
});
<input id="input" type="number" step="0.010" />

Ou com jQuery:

$("input").on("change",function(){
   $(this).val(parseFloat($(this).val()).toFixed(2));
});

$("input").on("change",function(){
   $(this).val(parseFloat($(this).val()).toFixed(2));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="input" type="number" step="0.010" />

7
  • boa noite, o problema continua, não pega 1,60. aparece 1,6 Commented 7/11/2017 às 22:36
  • post do php. por que, não funciona assim?? Commented 7/11/2017 às 22:42
  • como saber se a pessoa colocou um 1.6 ou 1.60 kkkkkk Commented 7/11/2017 às 22:50
  • se a pessoa tiver altura 1.6 o sistema vai salvar 1.60? acho que não rola né Commented 7/11/2017 às 22:54
  • resolvido, mas pode ser feito no min="1.00"(html) e definindo step="0.010"(html). depois faz um number format contando dois dígitos para 1.60(1.6) e 3 três dígitos para 1.06. obrigado pela ajuda amigo. Commented 7/11/2017 às 23:21

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 .