Inserir somente números em um campo

[M. Alberto 0]

Como faço para este campo abaixo se torne obrigatório apenas a inserção de números como nos exemplos abaixo.

 

<input type=text name='trocopara' id="trocopara" size=5 value="0" style="width: 176px; height: 22px;" class="StyleQto01"></font></td>

 

Exemplos:

90.00

87.35

78.85

 

O usuário poderá inserir somente números, porém a casa decimal será automaticamente criada através do . ( ponto ) e não vírgula.

 

 

Obrigado!

[DanielMuniz 0]

você pode alterar o atributo type de "text" para "number" dessa forma o usuario so podera inserir números...POREM, ele nao ira conseguir inserir virgulas e pontos como você mostrou no exemplo.

 

A melhor solução sem duvidas é usar um plugin do jquery chamado Jquery Mask, n sei até onde vai seu conhecimento com programação e javascript mas segue o exemplo abaixo (não é dificil)

 

<script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.15/jquery.mask.js"></script>

 

<script>

        $(document).ready(function(){

                 $('#trocopara').mask('00.00');

         });

</script>