我的应用程序中有两个vaadin-text-field
组件,用于输入小时(0-23)和分钟(0-59)。它的模式是什么?
<vaadin-text-field id="minute" style="width:40px" pattern="[0-5][0-9]" prevent-invalid-input>
以上示例不起作用,不接受任何输入。我可能使用了错误的正则表达式。有人可以告诉我小时和分钟输入正确的正则表达式是什么吗?
谢谢。
答案 0 :(得分:0)
这里的问题是prevent-invalid-input
意味着用户将无法输入例如53
,因为它们从键入5
开始,而模式不接受。为了解决这个问题,您必须将第二个数字设为可选,例如[0-5]?[0-9]
。