正则,Yup 匹配数量，金额，name..

最新推荐文章于 2024-08-31 07:04:46 发布

Jedi Hongbin

最新推荐文章于 2024-08-31 07:04:46 发布

阅读量1.3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： react-native react 大前端文章标签： react native

本文链接：https://blog.youkuaiyun.com/printf_hello/article/details/109137056

大前端同时被 3 个专栏收录

134 篇文章

订阅专栏

react

82 篇文章

订阅专栏

react-native

35 篇文章

订阅专栏

本文介绍了一种使用正则表达式验证产品名称、价格及数量有效性的方法，并通过yup库实现验证逻辑。重点关注产品价格的小数点后位数限制及最小价格限制。

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

文章目录

产品数量： `^[1-9][1-9][0-9]$`

产品价格：

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

小数点后最多两位

/^\d+(\.(\d){1,2})?$/
\d+ 表示以一个或多个数字开头确保不出现 .1
(\.(\d){1,2})? 表示有0个或者1个 \.(\d){1,2}部分出现这部分作用是一个小数点在前面一个或者2个数字再其后确保不出现 0.即小数点后面必须有一个或两个数字并且如果没有\.(\d){1,2}出现则是一个整数

^(?![0].[0-3]).*$不得小于0.4
名字：英文中间结尾可以有空格：/^[\u4E00-\u9FA5A-Za-z0-9_]+([\s*]|[\u4E00-\u9FA5A-Za-z0-9_])+$/

使用yup

const ValidationSchema = Yup.object().shape({
  name: Yup.string().required("Required"),
  description: Yup.string()
    .min(10, "Minimum length of 10")
    .required("Required"),
  price: Yup.string()
    .matches("^(?![0].[0-3]).*$", "Minimum 0.4")
    .matches("^(\\d*)(\\.(\\d){0,2})?$", "Invalid price")
    .required("Required"),
  // price: Yup.number().test("is-decimal", "invalid decimal", value =>
  //   (value + "").match(/^\d*(\.\d{0,2})?$/, "22")
  // ),
  quantity: Yup.string()
    .matches("^[0-9]*$", "Invalid quantity")
    .required("Required"),
});