angular8表单校验，校验字符串长度（根据字节长度校验）

清月晨光

于 2020-08-30 07:49:35 发布

阅读量1.4k

点赞数

分类专栏： angular

本文链接：https://blog.youkuaiyun.com/ztt_1119/article/details/108302399

版权

angular 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一种在中英文混合输入环境下，利用Angular表单验证器进行字节长度校验的方法，确保输入符合数据库定义的最大和最小字节长度限制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

中英文混合时，校验字节长度，充分利用数据库定义的长度。先上图为敬：

资源地址：https://www.npmjs.com/package/great-ngform

示例代码：

  ngOnInit() {
    this.form = this.fb.group({
      byteLength: new FormControl(null, [
        this.formValidatorService.byteLength({
          maxLength:10,
        })
      ]),
      byteLength1: new FormControl(null, [
        this.formValidatorService.byteLength({
          length:10
        })
      ]),
      byteLength2: new FormControl(null, [
        this.formValidatorService.byteLength({
          minLength:10
        })
      ]),
      byteLength3: new FormControl(null, [
        this.formValidatorService.byteLength({
          minLength:5,
          maxLength:10
        })
      ]),
      byteLength4: new FormControl(null, [
        this.formValidatorService.byteLength({
          minLength:5,
          errorMsg: '最少输入5个字节！',
        }),
        this.formValidatorService.byteLength({
          maxLength:10,
          errorMsg: '最多输入10个字节！'
        }),
        this.formValidatorService.required({
          errorMsg: '必填项不能为空！'
        })
      ]),
    });
  }