Expressão Regular no HTML5

[zetabyte00 0]

Pessoal,

 

Desejo criar uma máscara decimal (99.99) para um input. Por favor, verifiquem se minha máscara está correta na linha abaixo:

 

 

<input type="text" required pattern="[0-9]{2}.[0-9]{2}" placeholder="99.99" title="Digite somente números em decimais neste campo! Por exemplo: 99.99" />

[William Bruno 1501]

dessa forma ela obriga que tenha 2 dígitos nas dezenas, impossibilitando 1.99 por exemplo.

 

E o ponto é um coringa, então precisa ser escapado.

 

 

pattern="[0-9]{1,2}\.[0-9]{2}"

Lembrando que o pattern não é bem uma máscara, é mais uma validação de padrão.

[zetabyte00 0]

Mais uma pergunta, tem como criar uma máscara com Javascript ?

[William Bruno 1501]

Sim, existem várias opções:

 

http://wbruno.com.br/expressao-regular/diversas-mascaras-com-er/

https://igorescobar.github.io/jQuery-Mask-Plugin/