加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

Angular Reactive Form-响应式表单验证

发布时间:2020-12-17 10:39:09 所属栏目:安全 来源:网络整理
导读:h3 id="articleHeader1"内建验证规则 Angular中提供了一些內建的Validators,这些验证规则可以在Template-Driven或Reactive表单中使用。 目前 Angular 支持的内建 validators 如下: required - 设置表单控件值是非空的。 email - 设置表单控件值的格式是 em

<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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读