Текстовое поле только с числами

Question

У меня проблема с жидкостью.

Этот код:

<f:form.textfield class="wettersuchinput" maxlength="4" type="email" name="zip" value="{zip}" placeholder="PLZ für Lokalwetter eingeben"/> 

Я хочу, чтобы заполнить только цифры в этом входном текстовом поле. Я попытался изменить тип в числах, но это не то, что я хочу.

Может ли кто-нибудь помочь мне разрешить просто цифры в этом текстовом поле?

Я ищу решение без любезности.

Спасибо

Answer 1

Используйте атрибут pattern на поле ввода:

<f:form.textfield maxlength="4" name="zip" value="{zip}" additionalAttributes="{pattern: '[0-9]{4}'}"/> 

позволяет только входы, состоящий ровно четыре цифры. Если ввод действителен или не может быть проверен псевдоклассами CSS :valid и :invalid.

Конечно, это не будет работать во всех браузерах (да, я смотрю на вас, IE), и это не поможет вам с безопасностью - злобный пользователь может легко обойти это. Используйте проверку на стороне сервера для обеспечения безопасности.