zoukankan      html  css  js  c++  java
  • Angular6-表单校验-脏校验

    import {Component, OnInit} from '@angular/core';
    import {FormBuilder, FormGroup, Validators} from '@angular/forms';
    import {encryptedDES} from '../../tools/nb-fn.utils';
    import {NbMessageService} from '../../services/message/nb-message-service';

    @Component({
    selector: 'app-login',
    templateUrl: './login.component.html',
    styleUrls: ['./login.component.css']
    })
    export class LoginComponent implements OnInit {
    validateForm: FormGroup;

    constructor(private fb: FormBuilder,
    private msg: NbMessageService) {
    }

    ngOnInit() {
    this.validateForm = this.fb.group({
    username: [null, [Validators.required]],
    password: [null, [Validators.required]],
    remember: [true]
    });
    }

    login() {
    if (!this.validateForm.valid) {
    this.msg.showErrorMessage('请完善信息');
    this.openDirtyControl(this.validateForm);
    return;
    }
    }

    // 打开脏检验
    openDirtyControl(data) {
    for (const i in data.controls) {
    this.validateForm.controls[i].markAsDirty();
    this.validateForm.controls[i].updateValueAndValidity();
    }
    }

    // 关闭脏校验
    closeDirtyControl(data) {
    for (const i in data.controls) {
    this.validateForm.controls[i].clearValidators();
    this.validateForm.controls[i].updateValueAndValidity();
    }
    }

  • 相关阅读:
    成绩单问题
    详细介绍Linux shell脚本基础学习(一)
    千万级并发连接的秘密
    前段面试题
    cat 命令
    面试的一个网页设计师
    准备准备
    ls显示文件
    [HDU 1010 ]Tempter of the Bone
    Linux下的绘图(流程图、UML、mindmap)工具
  • 原文地址:https://www.cnblogs.com/guirong/p/15069010.html
Copyright © 2011-2022 走看看