Set as values values with two decimal places in input html5

Question

Set as values values with two decimal places in input html5

Navigation

#1 by (1 votes)

1

I have a numeric input, and I would like it to be valid only in the pattern, values with .xx (dot plus two decimal places).

My code:

<div>
    <label for="valorTr> Valor: </label>
    <input type="number" pattern=" " id="valorTransf" />

</div>

html5

asked by anonymous 29.04.2018 / 21:46

1 answer

Execute 3 tasks with setInterval Using date picker in asp.net

score 1 · Accepted Answer

The pattern attribute only works on types : text , search , tel , url , email , or password . It does not work in type="number" . ( See MDN documentation )

To validate the field using regex, you can do via JavaScript using match :

$("#valorTransf").blur(function(){
   
   var valor = $(this).val();
   
   if(valor.match(/^\.\d{2}\b/)){
      console.log("ok");
   }else{
      console.log("inválido");
   }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><labelfor="valorTr"> Valor: </label>
<input type="number" id="valorTransf" />

Where to regex:

^\.\d{2}\b/

^\.    -> deverá iniciar com um ponto
\d{2}  -> deverá ter 2 dígitos após o ponto
\b     -> metacharacter que delimita o início (ou fim).
          Significa que não pode ter mais que 2 dígitos após o ponto