使用AngularJS和Pattern / RegEx进行验证

发布时间：2020-12-17 06:57:10 所属栏目：安全来源：网络整理

导读：所以我有一个类型编号的输入,我想确保它只接受一个数字.我可以在服务器端做到这一点,但是使用AngularJS我无法让它工作. 这是代码： input type="number" ng-pattern="/[0-9]+/" name="numOfFruits" ng-model="basket.numOfFruits" / 我怀疑这与我提供的模式

所以我有一个类型编号的输入,我想确保它只接受一个数字.我可以在服务器端做到这一点,但是使用AngularJS我无法让它工作.

这是代码：

<input type="number" ng-pattern="/[0-9]+/" name="numOfFruits" ng-model="basket.numOfFruits" />

我怀疑这与我提供的模式有关[0-9]基本上我只想在这个文本框中输入数字,任何不是由0到9组成的数字,我希望输入无效.

目前,我的输入字段将此aa23423视为有效输入!!

任何帮助将不胜感激.

谢谢.

解决方法

你需要使用锚点：

/^[0-9]+$/

> ^：开始线锚.
> [0-9] 0到9之间的一个或多个数字.
> $：行尾锚点.

因此,这匹配字符串的开头,然后匹配一个或多个数字,之后它查找字符串结尾,因此它匹配仅包含数字的字符串,而不匹配任何其他字符串.

否则,/ [0-9] /将仅匹配aa23423的一部分,更准确地说是数字23423,因此将使您有效.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!