仅包含数字的文本字段

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），它对你的安全没有帮助 - 一个恶意的用户可以很容易地绕过这个。使用服务器端验证来确保安全。