Ant Design4.x rule验证规则的两种写法（函数与正则表达式）

最新推荐文章于 2024-05-17 15:07:57 发布

潜心专研的小张同学

最新推荐文章于 2024-05-17 15:07:57 发布

阅读量680

点赞数

分类专栏： React&Ant Design 文章标签：前端 react.js javascript

本文链接：https://blog.csdn.net/this_zq/article/details/124628538

版权

React&Ant Design 专栏收录该内容

9 篇文章 1 订阅

订阅专栏

1 函数验证

 //函数
 const checkPrice = (rule, value) => {
    if (value.number > 0) {
      return Promise.resolve();
    }

    return Promise.reject('Price must be greater than zero!');
  };

//表单
 <Form.Item
        name="price"
        label="Price"
        rules={[
          {
            validator: checkPrice,
          },
        ]}
  >
      <PriceInput />
  </Form.Item>

2 正则表达式

rules={
    [
        {
            required: true,
            message: '请输入个数'
        },
        {
            pattern:/^(\d|[1-9]\d|100)$/,
            message:'请输入0~100之间的数字'
        }
    ]
}