Angular表单验证-hasErrormin无效”
创始人
2024-10-23 08:31:18
0

在Angular中,我们可以使用FormGroup和FormControl来实现表单验证。如果您使用min验证器来检查数字的最小值,可能会遇到以下问题:hasError min始终返回false,即使数字小于最小值。这是因为默认情况下,FormControl的值被转换为字符串并与规定的最小值进行比较。因此,您需要使用parseInt或parseFloat将FormControl的值转换为数字。下面是一个使用FormControl的示例,其中数字小于最小值时错误消息将显示出来:

HTML代码:

Age must be at least {{ userForm.get('age').errors.min.min }}.

TypeScript代码:

import { Component } from '@angular/core';
import { FormGroup, FormControl, Validators } from '@angular/forms';

@Component({
  selector: 'app-user-form',
  templateUrl: './user-form.component.html',
  styleUrls: ['./user-form.component.scss']
})
export class UserFormComponent {

  userForm = new FormGroup({
    age: new FormControl(null, [Validators.required, Validators.min(18)]) // 设置最小值为18
  });

}

在上面的示例中,我们使用了Validators.min(18)来设置最小值为18。如果用户输入的年龄小于18岁,则会出现错误消息。最后,我们在HTML模板中使用userForm.get('age').errors.min来检查控件是否包含一个min错误,如果是,则显示错误消息。

相关内容

热门资讯

经调查"微乐小程序黑... 经调查"微乐小程序黑科技下载"竟然真的有辅助工具(哔哩哔哩)1、玩家可以在微乐小程序黑科技下载透视最...
今日"杭州都莱游戏辅... 今日"杭州都莱游戏辅助"其实是真的有辅助攻略(哔哩哔哩)1、杭州都莱游戏辅助脚本辅助下载、杭州都莱游...
最终"蜀渝牌乐汇辅助... 最终"蜀渝牌乐汇辅助"好像是真的有辅助脚本(哔哩哔哩)1、每一步都需要思考,不同水平的挑战蜀渝牌乐汇...
黑科技辅助挂"广东雀... 黑科技辅助挂"广东雀神智能插件"确实是真的有辅助软件(哔哩哔哩)1、完成广东雀神智能插件辅助器v3....
黑科技攻略"聚财ap... 黑科技攻略"聚财app辅助"本来确实有辅助器(哔哩哔哩)1、用户打开应用后不用登录就可以直接使用,点...
透视免费"雀友会免费... 透视免费"雀友会免费自动挂机脚本"总是存在有辅助app(哔哩哔哩)1、超多福利:超高返利,海量正版游...
据目击者称"欢乐对决... 据目击者称"欢乐对决脚本辅助器ios"好像真的是有辅助工具(哔哩哔哩)暗藏猫腻,小编详细说明欢乐对决...
透视黑科技"微信决胜... 透视黑科技"微信决胜游戏辅助"原来真的是有辅助攻略(哔哩哔哩)1、微信决胜游戏辅助有没有辅助教程、微...
技巧辅助挂"欢乐对决... 技巧辅助挂"欢乐对决手游辅助"总是存在有辅助方法(哔哩哔哩)1、超多福利:超高返利,海量正版游戏,欢...
据了解"新众乐辅助&... 据了解"新众乐辅助"都是是有辅助脚本(哔哩哔哩)1、新众乐辅助有没有辅助教程、新众乐辅助有透视吗等服...