javascript - 如何在带有 Angular js的输入框中只允许字母

Question

我有一个带有angular js验证的输入框..代码是

    <div class="col-sm-12">
        <input type="text" name="drug_name" class="form-control" placeholder="Drug name" ng-pattern="/[aA-zZ\s]$/" ng-model="vmp.medication.drug_name" maxlength="150" typeahead="drugn as drugn.drugName for drugn in vmp.drugList | filter:$viewValue" autocomplete="off"  required>
<span class="pull-right font-10">(Max 150 chars.)</span>
  <span ng-messages="form.drug_name.$dirty && form.drug_name.$error">
   <span ng-message="required" class="error-inner">Drug name is required.</span>
   <span ng-message="pattern" class="error-icn">Only Alphabets are allowed</span> </span>
     </div>

上面的代码正在验证文本框并在我输入数字时抛出错误。但是我需要的是，它应该限制输入数字。用户根本不能在文本框中输入数字。任何人都可以帮助我做到这一点。

Answer 1

这是您要找的ng-pattern-restrict .在你的情况下应该是这样的:

<input type="text" pattern="[a-zA-Z]+" ng-pattern-restrict />