AngularTS中强制小数点的正则表达式校验问题

问题根源 #

你当前的正则^([^A-Za-z]-?[0-9]*.[0-9]*)$存在两个核心问题：

1. 未转义的小数点：正则中的.是元字符，会匹配任意单个字符，而非字面意义的小数点。这导致像-2这样的负整数被错误匹配——-被[^A-Za-z]匹配，2被.匹配，其余部分为空，刚好满足正则规则。
2. 多余的开头限制：[^A-Za-z]允许非字母的任意字符（比如@、#等）作为开头，完全偏离了仅接受正负小数的需求。

解决方案 #

根据你的需求（仅接受带小数点的正负小数，禁止整数），提供两种符合要求的正则：

1. 要求小数点前后至少有一位数字（如2.0、-3.14）

^-?[0-9]+\.[0-9]+$

• ^：匹配字符串开头
• -?：可选负号
• [0-9]+：小数点前至少一位数字
• \.：字面意义的小数点（必须转义）
• [0-9]+：小数点后至少一位数字
• $：匹配字符串结尾

2. 允许小数点前或后为空（如.5、5.、-0.）

如果需要支持这类格式，可使用：

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

• 用|分隔两种情况：要么小数点前有数字、后可空；要么小数点前可空、后有数字，确保至少有一边存在数字，同时强制包含小数点。

验证效果 #

• 符合要求的字符串：2.0、-2.0、0.5、-3.14、.5（仅第二种正则支持）、5.（仅第二种正则支持）
• 被拒绝的字符串：-2、2、abc、@3.14

内容的提问来源于stack exchange，提问作者testwork123