angular表单怎么验证输入最大小长度

Posted 2023-04-13

参考技术A 1. 必填项验证
某个表单输入是否已填写，只要在输入字段元素上添加html5标记required即可：
<input type="text" required />

2. 最小长度
验证表单输入的文本长度是否大于某个最小值，在输入字段上使用指令ng-minleng= "number"：
<input type="text" ng-minlength="5" />

3. 最大长度
验证表单输入的文本长度是否小于或等于某个最大值，在输入字段上使用指令ng-maxlength="number"：
<input type="text" ng-maxlength="20" />

4. 模式匹配
使用ng-pattern="/PATTERN/"来确保输入能够匹配指定的正则表达式：
<input type="text" ng-pattern="/[a-zA-Z]/" />

5. 电子邮件本回答被提问者采纳

Angular 2中元素的自定义验证

【中文标题】Angular 2中元素的自定义验证

【英文标题】：Custom Validaton on an Element in Angular2

【发布时间】：2017-12-30 18:19:23

【问题描述】：

我有一个输入元素<input type="text" name="password">，它不在任何表单内。如何实现任何自定义验证，例如所需的最小密码长度？

【问题讨论】：

取输入字段的最小长度

【参考方案1】：

输入元素仍然可以使用内置验证器指令，而无需位于 form 元素内。

它们只需要成为一个表单控件，例如标有ngModel 属性。下面的示例输入字段标有ngModel 和required 验证器，因此将跟踪其验证状态并与模型同步。

<input name="fullName" ngModel required>

有关更多详细信息，请参阅NgModel 指令的文档。