Angular动态表单上的字段交叉验证
创始人
2024-10-24 14:01:08
0
  1. 在动态表单组件(如ng-dynamic-form)中定义表单控件:



  1. 在组件中定义自定义验证器:
import { AbstractControl } from '@angular/forms';

export function crossFieldValidator(fieldName1: string, fieldName2: string) {
  return (control: AbstractControl) => {
    const field1 = control.get(fieldName1);
    const field2 = control.get(fieldName2);

    if (field1 && field2 && field1.value === field2.value) {
      return { crossField: true }; // 返回错误信息
    }

    return null; // 返回null表示验证通过
  };
}
  1. 在表单控件中应用自定义验证器:
import { Validators } from '@angular/forms';
import { crossFieldValidator } from './cross-field-validator';

const formGroup = this.fb.group({
  firstName: ['', Validators.required],
  lastName: ['', Validators.required]
}, { validator: crossFieldValidator('firstName', 'lastName') }); //应用交叉验证器
  1. 在模板中显示错误信息:
First Name和Last Name必须不同

相关内容

热门资讯

黑科技规律(wepoKE)辅助... 黑科技规律(wepoKE)辅助挂(黑科技)模拟器(真是真的是有挂)是一款可以让一直输的玩家,快速成为...
黑科技脚本(aapoker外挂... 黑科技脚本(aapoker外挂购买)外挂透视辅助技巧(透视)都是真的是有挂(黑科技解说)1、aapo...
黑科技能赢(WePoKer)辅... 黑科技能赢(WePoKer)辅助软件靠谱吗(黑科技)辅助是真的(好像真的有挂)是一款可以让一直输的玩...
黑科技私人局(wepoke透明... 黑科技私人局(wepoke透明黑科技)外挂黑科技辅助助手(透视)竟然有挂(黑科技详情);1)wepo...
透视玄学(WPK)透手牌测试(... 透视玄学(WPK)透手牌测试(黑科技)透视辅助测试(一贯存在有挂)是一款可以让一直输的玩家,快速成为...
黑科技有挂(wpk德州职业代打... 黑科技有挂(wpk德州职业代打)外挂透视辅助神器(透视)好像是真的有挂(黑科技介绍);1、这是跨平台...
黑科技辅助(微扑克)发牌机制(... 1、黑科技辅助(微扑克)发牌机制(辅助挂)德州外挂(原来真的有挂);代表性(透视辅助软件透明挂)高科...
黑科技辅助挂(德扑数据软件)外... 黑科技辅助挂(德扑数据软件)外挂透视辅助教程(透视)好像有挂(黑科技工具)一、德扑数据软件AI软件牌...
透视透明挂(WpK)德州ai机... 透视透明挂(WpK)德州ai机器人(黑科技)有透视辅助(好像真的是有挂)您好,,确实是有挂的,很多玩...
黑科技游戏(德州之星有什么诀窍... 黑科技游戏(德州之星有什么诀窍)外挂黑科技辅助插件(透视)确实真的有挂(黑科技规律)该软件可以轻松地...