как вернуть входное значение к исходному значению при использовании oninput = "validity.valid || (value = '');" вместо пустого входного слота

Question

Код делает пустой слот ввода при нажатии «-», «+» или любого специального символа в поле ввода. Пример: когда я набираю 123 и «-» в заднице слота, как только я нажимаю «-», значение поля ввода становится пустым, и я хочу, чтобы значение поля ввода вернулось к 123 вместо пустого.

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

Answer 1

Используйте это:

<input type="number" value="1" min="1" id="quantity2" onkeypress="if(!event.key.match(/[0-9.]/)) event.preventDefault()">

Позволяет вводить только цифры от 0 до 9 и . (десятичная точка).