今天在写前端页面的时候,有个输入框要控制只能输入正整数。
错误的正则表达式^0|[1-9]\d*$。如果是这样写,那么输入4.5也是允许的,因为此正则表达式能匹配到5。
而正确的正则表达式是^(0|[1-9]\d*$)。为什么加个括号才是对的呢,这两个正则表达式之间有什么区别?
原因是优先级的问题,我们来看正则表达式运算符的优先级:
正则表达式 - 运算符优先级
运算符 | 描述 |
---|---|
\ | 转义符 |
(), (?:), (?=), [] | 圆括号和方括号 |
*, +, ?, {n}, {n,}, {n,m} | 限定符 |
^, $, \任何元字符、任何字符 | 定位点和序列(即:位置和顺序) |
| | 替换,"或"操作 字符具有高于替换运算符的优先级,使得"m|food"匹配"m"或"food"。若要匹配"mood"或"food",请使用括号创建子表达式,从而产生"(m|f)ood"。 |
由此表看出,"|"的优先级是低于"^"和"$"的,所以在 ^0|[1-9]\d*$ 这个正则表达式中,匹配的是以0开头或者以数字结尾的字符串。例如:4.567匹配到的就是567。而^(0|[1-9]\d*)$中的括号提升了|的优先级,匹配到的就是必须要以数字开头数字结尾的字符串。