javascript - 当用户在 Angular 中使用正则表达式仅输入 0 或 0.0 时如何显示错误消息？

Question

我对输入字段有特定要求。

• 它不应该允许值 0 但它应该允许像 0.123、0.1、1.0 这样的值

• 它不应该允许任何字符串字符。

  是否可以使用正则表达式实现此目的？或者我需要编写自定义 JavaScript 函数来验证条件？

这是我试过的

ng-pattern="/^[0-9]+([.][0-9]+)?$/

Fiddler 链接 here

Answer 1

您可以通过在正则表达式中添加否定前瞻来限制输入:

ng-pattern="/^(?!0+(?:\.0+)?$)[0-9]+([.][0-9]+)?$/"
              ^^^^^^^^^^^^^^^^

一旦用户键入零，(?!0+(?:\.0+)?$) 否定先行匹配失败(并将导致错误消息出现)可选地后跟 。 + 仅零。

更多详情:

• ^ - 字符串的开始
• (?!0+(?:\.0+)?$) - 不能有一个或多个零可选地后跟 . + 一个或多个零点
• [0-9]+ - 1+ 位
• ([.][0-9]+)? - . + 1+ 数字的可选序列
• $ - 字符串结尾。

Link to updated fiddle