AngularJS ng-minlength 指令
实例
如果输入值少于五个字符,则显示错误:
<!DOCTYPE html><html><script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.8.2/angular.min.js"></script><body ng-app=""><form name="myForm"><p>在输入字段中键入少于五个字符时,将显示错误:</p><input name="myInput" ng-model="myInput" ng-minlength="5"><h1 ng-if="!myForm.myInput.$valid">值太短</h1></form><p>在本例中,如果字段包含少于五个字符,我们将显示一个错误。</p><p><b>备注:</b> 如果该字段为空,则认为该字段有效。</p></body></html>
定义与用法
ng-minlength 指令向输入字段和表单的验证程序添加限制。
如果值的长度小于指定值,ng-minlength 指令将在输入字段中添加 "invalid" 无效状态。
备注: 如果该值为空,则认为该值有效。
语法
<input type="text" ng-minlength="number"></input>
主要由文本类型的 <input> 元素支持,但也可以用于允许用户输入的其他元素。
参数值
| 值 | 描述 |
|---|---|
| number | 表示输入字段的最小合法字符数的数字 |