当长度为0时,ng-minlength有效

use*_*100 15 angularjs

我是角色的新手,偶然发现了表单中的验证问题.下面是我的输入字段,当我没有输入任何值时,它显示为有效,并且即使我已将minlength定义为5,也会添加'ng-valid'类

<input id="name" type="text" placeholder="Name" ng-model="formdata.name" ng-minlength=5 />
Run Code Online (Sandbox Code Playgroud)

甚至在角度例子中也会发生这种情况 - http://docs.angularjs.org/api/ng.directive:input

我该如何解决这个问题?

JJJ*_*JJJ 32

您还需要设置ngRequired参数.没有它,minlength参数意味着如果用户输入了一个值,它必须至少有5个字符长,但是可以将该字段留空.

<input 
    id="name" 
    type="text" 
    placeholder="Name" 
    ng-model="formdata.name" 
    ng-minlength="5" 
    ng-required="true" />
Run Code Online (Sandbox Code Playgroud)

  • 请注意,为此,必须提供"ng-model". (2认同)