Html 输入数字仅接受自然数或带有 ,25 或 ,5

Question

我正在寻找一些东西，使我的输入字段只接受自然数或以 ,25 或 ,5 结尾的数字。我必须用它来插入时间段，并且它必须只需要四分之一、一半或自然数。  <input type="number" name="quantity" min="0" max="10">多谢。

Answer 1

首先，您应该在 php 方面做一些事情来拒绝错误的输入。这应该相当容易。这是为了防止可能因为超级旧的浏览器不支持 javascript 而破坏客户端检查。

但由于您还希望在提交之前完成检查，因此您应该使用 Javascript 表单验证。这发生在浏览器上，以防止用户提交不正确的表单。

对于支持 HTML5 的较新浏览器，您可以在输入中使用模式属性。它使用正则表达式来检查用户的值。以下正则表达式可能不是最佳解决方案，但应该满足您的要求：

^([0-9]+,?|,)(25|5)?$