angular踩坑之正则表达式

shuye_gen

于 2020-07-08 18:02:35 发布

阅读量908

点赞数

分类专栏： angular 文章标签： angular

本文链接：https://blog.youkuaiyun.com/shuye_gen/article/details/107211583

版权

angular 专栏收录该内容

6 篇文章

订阅专栏

在Angular应用中，遇到一个需求：验证加班时间只能是0.5到24的数值，小数点只能为0或5。通过Java正则表达式实现了该功能，但在Angular的TS文件中直接使用此正则却失效。问题在于正则表达式中的多个分支没有用空格分隔导致。修正后，添加了空格，正则匹配成功。实践证明，细节决定成败。

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

需求：加班时间只能是0.5~24的数值，小数点只能是0或者5.

java端正则实现：

^([0](\\.[5]{1}){1})|((([1-9])|([1][0-9])|([2][0-3]))(\\.[0,5]{1})?)|(([2][4])(\\.[0]{1})?)$

代码：

static boolean isMatched(String target) {
Pattern pattern = Pattern.compile("^([0](\\.[5]{1}){1})|((([1-9])|([1][0-9])|([2][0-3]))(\\.[0,5]{1})?)|(([2][4])(\\.[0]{1})?)$");
Matcher match = pattern.matcher(target);
return match.matches();
}

在angular的ts文件中：

if (value.match(/^([0](\.[5]{1}){1})|((([1-9])|([1][0-9])|([2][0-3]))(\.[0,5]{1})?)|(([2][4])(\.[0]{1})?)$/)) {

return true;

}

却没有生效，分开写：

if(value.match(/^([0](\.[5]{1}){1})$/)){

return true;

}else if(value.match(/^((([1-9])|([1][0-9])|([2][0-3]))(\.[0,5]{1})?)$/)){

return true;

}else if(value.match(/^(([2][4])(\.[0]{1})?)$/)){

return true;

}

这样却可以。很是奇怪，后开才知道，是没有加空格的原因，这样写就可以了：

if (value.match(/^([0](\.[5]{1}){1}) | ((([1-9])|([1][0-9])|([2][0-3]))(\.[0,5]{1})?) | (([2][4])(\.[0]{1})?)$/)) {

return true;

}

实践出真知。