Question

我刚刚开始用非Angular项目中使用的一些正则表达式测试ng-pattern并且工作正常。但是使用ng-pattern它们似乎不起作用。例如，我有这个正则表达式，成功检查一个包含至少1个字母和1个数字字符的6-20个字符的字符串：

"^.*(?=.{6,20})(?=.*\d)(?=.*[a-zA-Z]).*$"

但是，在我下面的Angular示例中，它会成功检查所有内容，但是当字符串超过20个字符时不会触发它：

<div class="controls">
            <input type="text" ng-model="user.Password" id="Password" name="Password" title="Password" required ng-pattern="^/.*(?=.{6,20})(?=.*\d)(?=.*[a-zA-Z]).*$/" />
            <span ng-show="form.Password.$dirty && form.Password.$error.required">{{'_PasswordRequired_' | i18n}}</span>
            <span ng-show="form.Password.$dirty && form.Password.$error.pattern">{{'_PasswordLengthAndAlphanumeric_' | i18n}}</span>
        </div>

我在语法中是否有一些错误，或者是否有其他原因导致这种错误无效？

Answer 1

你错过了一个结束锚，并且你有一个.*太多（在开始时）：

^             # Start of string
.*            # Match *any*  number of characters
(?=.{6,20})   # *Then* check that 6-20 characters follow
<snip>
.*            # *Then* match any number of characters anyway        
$             # until the end of the string

这样可行：

"^(?=.{6,20}$)(?=.*\d)(?=.*[a-zA-Z]).*$"

但是，在前瞻之外进行长度检查会更容易（也更明显）：

"^(?=.*\d)(?=.*[a-zA-Z]).{6,20}$"

（这反过来让我问你为什么要施加如此低的上限？例如，我的KeePass生成的密码长度通常至少为30个字符）

Angular ng-pattern不检查正则表达式的上限字符

1 个答案: