javascript - 使用 AngularJS 匹配一个或多个字母数字字符

Question

我有一个 AngularJS 应用程序。为什么模式 /^[a-zA-Z0-9]+$/ 匹配空字符串？

<form name="addTeamForm" novalidate ng-init="team=''">
  <input type="text" name="team" ng-model="team" ng-pattern="/^[a-zA-Z0-9]+$/"/>
</form>
{{ addTeamForm.team.$valid }}

为什么 $valid 的值为 true？

http://jsfiddle.net/NameFILIP/fdsqzf12/5/

Answer 1

您还需要使用required 或ngRequired:

<input type="text" name="team" ng-model="team" 
       ng-pattern="/^[a-zA-Z0-9]+$/" required />

ngPattern 的工作方式是检查非空字符串以匹配模式。如果字符串为空，则不会对其进行检查，也不会出现验证错误。通过在 ngPattern 之外指定 required 指令，您可以使空字符串成为无效值。

更新 fiddle :http://jsfiddle.net/vittore/fdsqzf12/6/