0

I have the following HTML that prevents everything to be entered in a number search field, except for an ending period:

<input type="number" id="DrawingNumber" min="1" oninput="validity.valid||(value='');" />

For example, I can enter "1." or "111." etc. I would like it to prevent me from entering the ending period. It prevents me from entering everything else, such as leading zeroes, symbols, letters, except for the ending period.

isherwood
  • 58,414
  • 16
  • 114
  • 157
  • try setting `step=1` – fnostro May 02 '22 at 16:22
  • It still allows entering a trailing period. When I check the payload of what value was passed to search, it is the number without the trailing period. I would just like to prevent it from being entered. –  May 02 '22 at 16:26
  • Then your only other option is to catch the key down event and cancel it on `.` seems everything else is handled afterward. – fnostro May 02 '22 at 16:57

1 Answers1

0

<input type="number" id="DrawingNumber" 
       min="1" 
       onkeypress="return /\d/i.test(event.key)"
       oninput="validity.valid||(value='');" />
fnostro
  • 4,531
  • 1
  • 15
  • 23