如何在输入字段的Knockout中执行内联验证

Question

我想让用户只输入小于100的正数和数字。 如何修改此输入标记以获得我所需的验证。

<input data-bind="value : $root.rootData.Page" class="form-control">

编辑：我知道我可以在JS中验证，但对于我的特殊情况，我只想在makrup中进行验证。

Answer 1

您可以使用pattern属性将正则表达式与HTML5一起使用。

How can I validate number between 1 and 99 using regular expression? - 会为您提供一些有关检查数字是否在1到99之间的不同方法的信息

从您的示例中，您可以使用以下

<input data-bind="value : $root.rootData.Page" class="form-control" pattern="^[1-9][0-9]?$">

Answer 2

而不是使用正则表达式匹配数字字段，为什么不使用数字类型并提供最小/最大？

<input type="number" min="1" max="99" step="1" data-bind="value : $root.rootData.Page" class="form-control" />

正则表达式可以与数字类型结合使用作为后备，因为缺少对数字类型的FF支持：

<input type="number" min="1" max="99" step="1" pattern="^[1-9][0-9]?$" data-bind="value : $root.rootData.Page" class="form-control" />