, как разрешить только буквы в поле ввода с угловой JS

Question

у меня есть поле ввода с проверкой угловых 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 /> 

Answer 2

app.directive('name', function() { 
    return { 
    require: 'ngModel', 
    link: function (scope, element, attr, ngModelCtrl) { 
     function fromUser(text) { 
     var transformedInput = text.replace(/[^A-Za-z ]/g, ''); 
     console.log(transformedInput); 
     if(transformedInput !== text) { 
      ngModelCtrl.$setViewValue(transformedInput); 
      ngModelCtrl.$render(); 
     } 
     return transformedInput; 
     } 
     ngModelCtrl.$parsers.push(fromUser); 
    } 
    }; 
}); 

Это не позволит ввод цифр.