当正则表达式禁止它时,ng-pattern允许空格

发布时间：2020-12-14 06:05:55 所属栏目：百科来源：网络整理

导读：ng-pattern允许使用以下模式的空格,我无法理解它为什么会这样做. ng-pattern="/^[a-zA-Zd-_]+$/" 我试过没有转义 – 和_,结果是一样的：应用类ng-valid和ng-valid-pattern. 我试图只允许a-z(大写和小写)以及破折号和下划线.这个模式似乎像我在regex101所

ng-pattern允许使用以下模式的空格,我无法理解它为什么会这样做.

ng-pattern="/^[a-zA-Zd-_]+$/"

我试过没有转义 – 和_,结果是一样的：应用类ng-valid和ng-valid-pattern.

我试图只允许a-z(大写和小写)以及破折号和下划线.这个模式似乎像我在regex101所期望的那样工作,所以这很令人困惑.

更新：
在空格后键入有效字符后,文本字段被标记为无效,但空格是第一个字符时则不是：
例如(不像这样硬编码,“someText”和“some text”被输入到文本输入中)：

<input> someText</input> //ng-valid
<input>some text</input> //ng-invalid

仍然很困惑为什么会这样.

解决方法

角度修剪输入自动.您可以通过ng-trim =“false”禁用它

<input type="text" ng-model="model" ng-trim="false" ng-pattern="/^[a-zA-Zd-_]+$/"/>

见https://docs.angularjs.org/api/ng/input/input%5Btext%5D

（编辑：李大同）

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