angular之表单验证与ngMessages

帐号： 至少3位 最多9位 不能为空

<div class="cnblogs_code">

            <*帐号：
            
                
            
            至少3位数

<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">class<span style="color: #0000ff">="form-group"<span style="color: #0000ff">>

<span style="color: #0000ff"><<span style="color: #800000">label <span style="color: #ff0000">class<span style="color: #0000ff">="col-md-2"<span style="color: #0000ff">><<span style="color: #800000">span <span style="color: #ff0000">class<span style="color: #0000ff">="req-red"<span style="color: #0000ff">>*<span style="color: #0000ff"></<span style="color: #800000">span<span style="color: #0000ff">>帐号：<span style="color: #0000ff"></<span style="color: #800000">label<span style="color: #0000ff">>

<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">ng-class<span style="color: #0000ff">="{'has-error':myForm.name2.$invalid && !myForm.name2.$pristine}"<span style="color: #0000ff">>

<span style="color: #0000ff"><<span style="color: #800000">input <span style="color: #ff0000">class<span style="color: #0000ff">="form-control"<span style="color: #ff0000"> type<span style="color: #0000ff">="text"<span style="color: #ff0000"> placeholder<span style="color: #0000ff">="请输入帐号"<span style="color: #ff0000"> name<span style="color: #0000ff">="name2"<span style="color: #ff0000"> ng-model<span style="color: #0000ff">="user.name"<span style="color: #ff0000"> ng-maxlength<span style="color: #0000ff">="9"<span style="color: #ff0000"> required<span style="color: #0000ff">>

<span style="color: #0000ff"></<span style="color: #800000">div<span style="color: #0000ff">>

<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">ng-if<span style="color: #0000ff">="myForm.name2.$error.maxlength"<span style="color: #0000ff">>最多9位数<span style="color: #0000ff"></<span style="color: #800000">div<span style="color: #0000ff">>

<span style="color: #0000ff"></<span style="color: #800000">div<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">class<span style="color: #0000ff">="form-group"<span style="color: #0000ff">>

<span style="color: #0000ff"><<span style="color: #800000">label <span style="color: #ff0000">class<span style="color: #0000ff">="col-md-2"<span style="color: #0000ff">><<span style="color: #800000">span <span style="color: #ff0000">class<span style="color: #0000ff">="req-red"<span style="color: #0000ff">>*<span style="color: #0000ff"></<span style="color: #800000">span<span style="color: #0000ff">>帐号：<span style="color: #0000ff"></<span style="color: #800000">label<span style="color: #0000ff">>

<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">ng-class<span style="color: #0000ff">="{'has-error':myForm.name3.$invalid && !myForm.name3.$pristine}"<span style="color: #0000ff">>

<span style="color: #0000ff"><<span style="color: #800000">input <span style="color: #ff0000">class<span style="color: #0000ff">="form-control"<span style="color: #ff0000"> type<span style="color: #0000ff">="text"<span style="color: #ff0000"> placeholder<span style="color: #0000ff">="请输入帐号"<span style="color: #ff0000"> name<span style="color: #0000ff">="name3"<span style="color: #ff0000"> ng-model<span style="color: #0000ff">="user.name"<span style="color: #ff0000"> required<span style="color: #0000ff">>

<span style="color: #0000ff"></<span style="color: #800000">div<span style="color: #0000ff">>

<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">ng-if<span style="color: #0000ff">="myForm.name3.$error.required"<span style="color: #0000ff">>不能为空<span style="color: #0000ff"></<span style="color: #800000">div<span style="color: #0000ff">>

<span style="color: #0000ff"></<span style="color: #800000">div<span style="color: #0000ff">>