Angular/forms Validators的使用

本文介绍Angular中用于表单验证的内建validators,包括required、email、minlength、maxlength及pattern等,通过示例代码展示了如何使用这些validators进行表单控件的验证。

低功耗蓝牙项目,需要一块懂省电的板

思澈 SF32LB52 芯片,BLE 协议栈深度优化,上手即开发

Angular 支持的内建 validators 如下:

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

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

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

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

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

ngOnInit() {
    this.formModel = this.fb.group({
      name: ['', Validators.required)],
      street:['', Validators.minLength(3)],
      city: ['', Validators.maxLength(10)],
      zip: ['', Validators.pattern('[A-Za-z]{5}')]
    });
  }

低功耗蓝牙项目,需要一块懂省电的板

思澈 SF32LB52 芯片,BLE 协议栈深度优化,上手即开发

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

gaiery

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值