angularjs NG-parttern不顯示的CSS亮點錯誤或成功

Question

看看下面

<form class="form-horizontal" name="myform"> 
<div class="modal-body" novalidate> 
    <div class="form-group" > 
     <label class="col-sm-2 control-label" for="input-username">Username (*)</label> 
     <div class="col-sm-10"> 
      <input type="text" name="username" ng-pattern="/^[a-zA-Z0-9]{4,10}$/" placeholder="Username" id="input-username" class="form-control" data-ng-model="newuser.username"> 
      <div class="help-block">Username must be 4-10 characters.</div> 
     </div> 
    </div> 
</div> 
</form> 

在例如使用NG模式的副本，如HTML代碼，但對我來說不正確的工作，當鍵入下4個字符，HTML css不會突出顯示紅色邊框，並且輸入4個字符時css不是高亮度綠色邊框。我不知道爲什麼我不能顯示

Answer 1

Patters的arent通常用於檢查長度正確的CSS ...你可以像這樣做NG-MINLENGTH個NG-最大長度：

<form class="form-horizontal" name="myform"> 
<div class="modal-body" novalidate> 
    <div class="form-group" > 
     <label class="col-sm-2 control-label" for="input-username">Username (*)</label> 
     <div class="col-sm-10"> 
      <input type="text" name="username" ng-minlength="4" ng-maxlength="10" ng-pattern="/^[a-zA-Z0-9]{4,10}$/" placeholder="Username" id="input-username" class="form-control" data-ng-model="newuser.username"> 
      <div class="help-block" ng-if="myform.$invalid">Username must be 4-10 characters.</div> 
     </div> 
    </div> 
</div> 
</form>