首页 > 解决方案 > Html 输入数字仅接受自然数或带有 ,25 或 ,5

问题描述

我正在寻找使我的输入字段只接受自然数或以 ,25 或 ,5 结尾的数字的东西。我必须用它来插入时间段,而且它必须只取四分之一、一半或自然数。

  <input type="number" name="quantity" min="0" max="10">

非常感谢。

标签: javaphphtmldesign-patternsinput

解决方案


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

但由于您还希望在提交之前完成检查,您应该使用 Javascript 表单验证。这发生在浏览器上,以防止用户提交错误的表单。你可以在那里看到一个教程。下面介绍一种更方便的方式,但可以使用 JS 方式作为后备方式。

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

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

推荐阅读