如何在淘汰賽在輸入欄上進行在線驗證

Question

我想允許用戶僅輸入正數和小於100的數字。我如何修改此輸入標記以獲得所需的驗證。

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

編輯：我知道我可以在JS中進行驗證，但是對於我的特殊情況，我只想在makrup中進行驗證。

Answer 1

您可以使用pattern屬性在HTML5中使用正則表達式。

如何使用正則表達式驗證1到99之間的數字？ -將為您提供一些有關檢查數字是否在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" />