ng-pattern总是显示错误原因？

Question

我有以下代码。

<input name="fname" type="text" ng-init="vprof.fname = '<?php echo $this->general["fname"]; ?>'" class="form-control" placeholder="First Name"   ng-model="vprof.fname" ng-minlength="3" ng-maxlength="100" ng-pattern="/^[a-zA-Z]$/">
<p ng-show="generalform.fname.$error.minlength && !generalform.fname.$pristine" class="help-block">Your First name should be minimum 3 character</p>
<p ng-show="generalform.fname.$error.maxlength && !generalform.fname.$pristine" class="help-block">Maximum 100 characters allowed</p>
<p ng-show="generalform.fname.$error.pattern && !generalform.fname.$pristine" class="help-block">Only Alphabets allowed</p>

如果我输入任何字母字符，它会显示错误原因？

Answer 1

您的模式存在细微变化的问题。请将其更改为ng-pattern="/^[a-zA-Z]+$/"

我为同一个Plnkr

创建了一个plnkr链接