angular8表单校验:小数校验(指定小数位数、指定最大数、指定最小数)

在线示例:https://zhtt.gitee.io/angular-demo/great-ngform8/#/form/decimal

参考地址:https://www.npmjs.com/package/great-ngform

angular8表单校验:小数校验(指定小数位数、指定最大数、指定最小数)_第1张图片

默认可以输入任意数字
只能输入数字!
指定输入的小数位数
必须2位小数!
指定最多可以输入的小数位数
至多2位小数!
指定最少输入的小数位数
至少2位小数!
指定可以输入的小数位数范围
必须2-3位小数!
指定可以数字的数字范围
只能输入1-100之间的数字!
指定可以输入的数字范围、小数位数范围
必须2-3位小数,且在1-100之间的数字!
必须大于等于100!
必须小于等于100!
必须小于100!
必须大于100!

 

ngOnInit() {
    this.form = this.fb.group({
      decimal: new FormControl(null, [
        this.formValidatorService.decimal()
      ]),
      // 必须2位小数校验
      decimal1: [null, [this.formValidatorService.decimal({scale: 2})]],
      // 最多2位小数校验
      decimal2: [null, [this.formValidatorService.decimal({maxScale: 2})]],
      // 最少2位小数校验
      decimal3: [null, [this.formValidatorService.decimal({minScale: 2})]],
      // 必须2-3位小数
      decimal4: [null, [this.formValidatorService.decimal({minScale: 2, maxScale: 3})]],
      // 只能输入1-100之间的数字
      decimal5: [null, [this.formValidatorService.decimal({min: 1, max: 100})]],
      // 必须2-3位小数,且在1-100之间的数字
      decimal6: [null, [this.formValidatorService.decimal({minScale: 2, maxScale: 3, min: 1, max: 100})]],
      decimal7: [null, [this.formValidatorService.decimal({min: 100})]],
      decimal8: [null, [this.formValidatorService.decimal({max: 100})]],
      decimal9: [null, [this.formValidatorService.decimal({greaterThan: 100})]],
      decimal10: [null, [this.formValidatorService.decimal({lessThan: 100})]],
    });
  }

 

你可能感兴趣的:(angular)