Html введите номер, чтобы принять только натуральное число или с, 25 или, 5

Question

Я ищу что-то, что заставляет мое поле ввода принимать только натуральные числа или числа, заканчивающиеся на, 25 или, 5. Я должен использовать это, чтобы вставить периоды времени, и это должно занять только четверть, половину или натуральное число, как я сказал. Я должен использовать ввод вместо select, потому что я использую его в форме.

<input type="number" name="quantity" min="0" max="10">

Я знаю некоторые "хитрости" с шаблоном ввода, но я не могу понять, как решить эту проблему. Большое спасибо.

Answer 1

Прежде всего вы должны сделать что-то на стороне php, чтобы отклонить неверные данные. Это должно быть довольно легко. Это возможно предотвратить из-за того, что супер старый браузер не поддерживает javascript, который нарушает проверки на стороне клиента.

Но так как вы также хотите, чтобы проверка была выполнена перед отправкой, вы должны использовать Javascript Проверка формы. Это происходит в браузере, чтобы предотвратить отправку пользователем неправильной формы. Вы можете увидеть учебник прямо здесь . Более удобный способ описан ниже, но способ JS может использоваться как запасной вариант.

Для более новых браузеров, поддерживающих HTML5, вы можете использовать атрибут шаблона при вводе. Он использует регулярные выражения для проверки значения от пользователя. Следующее регулярное выражение может быть не лучшим решением, но должно удовлетворить ваше требование:

^([0-9]+,?|,)(25|5)?$