如何使用加减值angularjs验证文本框

Question

我需要在文本框中输入正负值。我使用 Angular js 进行了以下验证。 但是当用户输入零时，用户可以输入它而不需要加号或减号。 在我的解决方案中，用户不能在没有加号或减号的情况下输入零。 如何允许输入没有加号或减号的零。

<input name="temperature" type="text" class="form-control" ng-maxlength="3"
 ng-model="eletctyDetail.temperatureValue" ng-required="true" 
 ng-pattern="/^[-+]\d+(\.\d+)?$/" ng-pattern-err-type="tempPattern" />

Answer 1

您的模式 - /^[-+]\d+(\.\d+)?$/ - 必须在起始位置匹配 - 或 +。然后，\d+ 匹配 any 一位或多位数字。

现在，您只需匹配0 或+/- 后跟从1 到9 范围内的任何数字。这就是你需要使用交替的地方：(0|[-+][1-9])。

整个正则表达式看起来像

ng-pattern="/^(0|[+-][1-9])\d*(\.\d+)?$/"

请参阅regex demo。

如果您需要使- / + 可选使用

ng-pattern="/^(0|[+-]?[1-9])\d*(\.\d+)?$/"
                     ^

模式详情：

• ^ - 字符串开头
• (0|[+-][1-9]) - 0 或 +/- 后跟从 1 到 9 范围的数字（因此，- 或 + 仅在 1-9 前面是强制性的）（注意：如果您使用 [-+]?，加号或减号将变为可选，因为 ? 匹配 1 或 0 次）
• \d*(\.\d+)? - 0+ 个数字（请注意，您的模式中的 + 变为 *，因为第一个数字已被交替组使用），后跟 . + 1 个或多个数字的可选序列
• $ - 字符串结束。

Answer 2

这个呢

<input name="temperature" type="text" class="form-control" ng-maxlength="3"
 ng-model="eletctyDetail.temperatureValue" ng-required="true" 
 ng-pattern="^[-+]?[0-9]*\.?[0-9]+$" ng-pattern-err-type="tempPattern" />

Check this fiddle