允许在on之前和之后使用十进制数和限制数<input type="“text”">

Question

I have an input type=" text" and I want to restrict the input of the users to purely numbers or numbers with decimals up to 2 decimal places.

I am asking for a price input. I want to limit the input to 17 digits before the decimal and 2 digits after the decimal point

I wanted to avoid complex steps. Is there a way to do it?

Answer 1

give this a try, I'm limiting the input with maxlength and validating using a regex which you can test here: https://regexr.com/57rtg

<input type="text" pattern="^\d{0,17}$|(?=^.{0,20}$)^\d+\.\d{0,2}$" maxlength="20">