Angular Form Valid Status Monitor

 ngOnInit(): void {
    this.validateForm = this.formBuilder.group({
      from_name: ['', Validators.required],
      from_companyName: [''],
      from_email: ['', [Validators.pattern(this.emailRegex), Validators.maxLength(49)]],
      from_phone: [''],
      from_address1: ['', [Validators.required, Validators.maxLength(39)]],
      from_address2: ['', Validators.maxLength(39)],
      from_suburb: ['', [Validators.required]],
      from_country: ['', Validators.required],
      from_state: ['', Validators.required],
      from_postcode: ['', [Validators.required, postcodeValidator()]],
    });

    //监听数据变化 
    this.validateForm.valueChanges.subscribe(data => console.log('form', data));
    //监听状态变化 
    this.validateForm.statusChanges.subscribe(data => console.log('status', data));

  }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值