angular name.errors.pattern.requiredPattern特别注意点

本文深入探讨了模版驱动表单中pattern属性的使用方法及验证原理。特别关注了requiredPattern与实际输入值之间的关系,并对比了响应式表单的不同表现。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<input type="text" #name="ngModel" pattern="[0-9]">

{{ name.errors.pattern | json}}
输出的json内容: { "requiredPattern": "^[0-9]$", "actualValue": "" }

字段介绍name.errors.pattern:  
    1. requiredPattern     //表单元素pattern属性的值
    2. actualValue         //表单元素输入的值

本文书写的是模版驱动表单,该方式下,name.errors.pattern.requiredPattern字段会由原pattern属性值首尾加入^&

响应式表单不会发生该现象。


                
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值