앵귤러 패턴이 텍스트 영역과 함께 작동하지 않습니다.

Question

텍스트 영역이 있으며 입력의 유효성을 검사 할 때 하이픈 스페이스와 점만 입력 할 수 있어야합니다. 그러나 NG 패턴을 시도하고 간단한 예제와 함께 작동하지 않았다. 패턴을 여러 번 변경했으며 ng-pattern이 없거나 호출되지 않은 것처럼 보입니다. 어떤 제안?

<textarea id="field" name="ranges" 
     ng-model="editData.ranges" 
     style="height: 120px;max-width: 400px;" 
     class="form-control" ng-pattern="/^\d+$/"> 
</textarea> 

Answer 1

코드는 잘 보이지만 당신이 당신의 전체 코드를 제공하지 않았기 때문에 나는 많은 것을 말할 수 없습니다 ..

은 그러나 작동되는 다음 링크에서 봐 가지고 어떻게 잘

http://jsfiddle.net/u1fm0jLo/128/

<textarea type="text" name="phone" ng-model="phone" 
     ng-pattern="/^\d+$/" maxlength="12" 
     placeholder="555-555-5555"></textarea> 

Answer 2

정규식에서 나열한 모든 문자를 확인하지 않습니다. 당신도 폼 객체의 $ 유효 또는 $ 오류 속성을 보거나

<div ng-app> 
    <div ng-controller="PatternTestCtrl"> 
     <form name="ngform"> 
      <textarea type="text" name="range" ng-model="editData.ranges" ng-pattern="/^[\d+\-\.\s]*$/" maxlength="12"></textarea> 
     </form> 
     form valid? {{ngform.$valid}}<br /> 
     field error: {{ngform.range.$error}}<br /> 
     field valid? {{ngform.range.$valid}} 

    </div> 
</div>