覆盖默认的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" />