覆盖默认angularjs错误消息 - “必需”“无效”

时间:2016-08-23 23:55:11

标签: javascript angularjs

我有一个输入字段,我必须显示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"

3 个答案:

答案 0 :(得分:0)

在表单中添加“novalidate”属性。

答案 1 :(得分:0)

你可以尝试

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

答案 2 :(得分:0)

<input>

中删除必需的属性
<input name="cr" ng-model="card.rn" type="number" pattern="[0-9]*" id="card-rn" class="form-control" validate-on="submit" />