Angular中FormBuilder表单验证：如何编写限制非正数值并支持小数的正则？

你需要的正则要满足大于0的正数，支持整数和小数，这里提供两种常用的正则方案，根据你的具体需求选择：

方案1：兼容多种常见正数格式 #

允许整数、带前导/后缀小数点的小数（如 123、123.45、.45、123.）：

^(?=.*[1-9])\d*\.?\d+$

方案2：更严格的规范格式 #

仅允许标准整数或带有效小数位的数值（不允许单独小数点、0.0 或 123. 这类格式，仅接受 123、0.45、123.45 这类合法正数值）：

^(0\.\d*[1-9]\d*|[1-9]\d*(\.\d+)?)$

在FormBuilder中的使用示例 #

import { FormBuilder, Validators } from '@angular/forms';

// 构建表单示例
this.targetForm = this.fb.group({
  positiveValue: [
    '',
    [
      Validators.required,
      Validators.pattern(/^(?=.*[1-9])\d*\.?\d+$/) // 替换为你选择的正则
    ]
  ]
});

正则逻辑说明 #

方案1逻辑 #

• ^ 和 $：锁定字符串首尾，确保输入全程符合规则
• (?=.*[1-9])：正向预查，强制输入包含至少一个非0数字，避免全0或0.0这类无效值
• \d*：匹配0个或多个数字（支持整数前无前置位、小数前的整数部分为空）
• \.?：匹配可选的小数点
• \d+：匹配至少一个数字（确保小数点后有内容，或整数部分有有效数字）

方案2逻辑 #

• 分两种合法场景：
  1. 0\.\d*[1-9]\d*：0.开头且小数部分至少有一个非0数字（如0.1、0.005）
  2. [1-9]\d*(\.\d+)?：以非0数字开头的整数，或带小数位的正整数（如5、123.45）

内容的提问来源于stack exchange，提问作者Gabriel Santos Lemos