覆蓋默認的angularjs錯誤消息 - 「必需」「無效」

Question

我有一個輸入字段，在那裏我必須顯示error messages，但它不工作.. error messages沒有顯示。

 <div class="form-group grouped"> 
     <div> 
      <label for="card-routingNumber">Number:</label> 
      <input name="cr" ng-model="card.rn" type="number" pattern="[0-9]*" id="card-rn" class="form-control" validate-on="submit" required /> 
      <span class="help-block" ng-show"form.cr.$error.required">Field is empty</span> 
     </div> 
    </div> 

當我點擊提交，我需要顯示錯誤信息，如果輸入是空的..但是當我嘗試......它總是說"Required"

Answer 1

添加「NOVALIDATE」屬性窗體。

Answer 2

您可以嘗試

<span class="help-block" ng-show=**"!myForm.myInput.$valid"**>Field is empty</span> 

Answer 3

從<input>

<input name="cr" ng-model="card.rn" type="number" pattern="[0-9]*" id="card-rn" class="form-control" validate-on="submit" /> 

刪除 需要屬性