角度字段不显示验证失败的消息

时间:2013-10-02 01:30:33

标签: forms validation angularjs

我在玉石模板中有以下内容

.row
             .col-lg-2
                label(for='AcctNumber') 
                   font(size="2") A
             .col-lg-8
                input(ng-model='form.acctNumber', name='acctNumber', id='acctNumber', on-focus="fieldInfo='Please enter your Acct Number'", required='true', ng-minlength='5', ng-maxlength='10')
             .col-lg-2
                div(ng-show="acctNumber.$error.required",style="color: red")
                   {{acctNumber.$error.required}}
                <span class="error" ng-show="acctNumber.$error.required">Required!</span>
                <span class="error" ng-show="acctNumber.$error.minlength">Too short!</span>
                <span class="error" ng-show="acctNumber.$error.maxlength">Too long!</span> 

必需,太长。太短。没有消息显示。

非常感谢任何帮助。

梅尔罗伊

1 个答案:

答案 0 :(得分:0)

验证消息的ng-show属性具有此模式“fieldName。$ error.key”。它应该是“formName.fieldName。$ error.key”