Angular Reactive Form-响应式表单验证

<h3 id="articleHeader1">内建验证规则

Angular中提供了一些內建的Validators,这些验证规则可以在Template-Driven或Reactive表单中使用。

目前 Angular 支持的内建 validators 如下:

  • required - 设置表单控件值是非空的。

  • email - 设置表单控件值的格式是 email。

  • minlength - 设置表单控件值的最小长度。

  • maxlength - 设置表单控件值的最大长度。

  • pattern - 设置表单控件的值需匹配 pattern 对应的模式。

示例

.signupForm = ,[Validators.required,Validators.minLength(),Validators.maxLength(,Validators.email,Validators.pattern(

官方文档:https://v2.angular.cn/docs/ts/latest/cookbook/form-validation.html

myControl.clearValidators();
myControl.updateValueAndValidity();

转自:https://segmentfault.com/a/1190000010064866

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...