如何限制用户在Chrome扩展程序的选项中输入浮点数

Question

我想限制用户在我的Chrome扩展程序选项中输入浮点数。

所以我决定使用以下代码：

<input type="number" id="autorefreshIntervalSecs">

并注意到我仍然可以在其中输入非十进制值。

那么实现这种行为的最佳方式是什么？

Answer 1

像这样使用pattern

<input type="number" id="autorefreshIntervalSecs" pattern="[0-9]" title="Only Enter Natural Numbers">

当用户输入title以外的内容并提交

时，它会在[0-9]中显示消息为错误

编辑：用户仍然可以输入它们但不提交表格。